Jquery 작업 선택에 대한 간략한 분석

더 이상 고민하지 말고 코드를 살펴보세요.

<select id="Select1">
  <option value="one">一</option>
  <option value="two">二</option>
  <option value="thr">三</option>
  <option value="tho">四</option>
</select>

댓글:

(1) 드롭다운 상자에 값을 할당합니다. $("#Select1 ").val("two" ); 이때 값이 2인 옵션이 선택되었습니다. $("#Select1")[0].selectedIndex 또는 $(를 통해 이때 인덱스를 1로 가져올 수 있습니다. "#Select1").get(0).selectedIndex. 드롭다운 상자의 인덱스는 0부터 시작합니다.

(2) $("#Select1 option[ value='two']").attr('selected',true); 사실 이는 선택한 값에 해당하는 텍스트를 가져오기 위해

(3)을 할당하는 것과 동일합니다:

1. 값으로 가져오기: $("#Select1 option[value='" + value + "'] ").text() 또는 $("#Select1").find("option[value='" + value + "']").text()

2. 선택 상태를 통해 획득: $ ("#Select1").find("option:selected").text()

(4) 드롭다운 박스의 계단식 배열:

선택의 계단식 배열이 사용되는 경우가 많습니다. 즉, 두 번째 선택의 값이 첫 번째 선택에서 선택한 값으로 변경됩니다. jQuery에서는 매우 간단합니다.

예: $(".selector1").change(function(){

// 두 번째 것을 먼저 지웁니다

$(".selector2"). empty ();

// 실제 응용에서는 일반적으로 여기에서 여러 옵션이 루프를 사용하여 생성됩니다.

var option = $("<option>").val(1).text("pxx");
  $(".selector2").append(option);
  });

(5) 옵션의 텍스트 값을 사용하여 해당 옵션을 선택합니다. one 옵션의 값

var count = $("#Select1 option").length;
   for (var i = 0; i < count; i++) {
    if ($("#Select1").get(0).options[i].text == $(this).val()) {
     $("#Select1").get(0).options[i].selected = true;
     break;
    }
   }

Ps: jquer에서 앞뒤 공백을 제거하는 방법: $.trim(value);

위 내용이 이 글의 전체 내용입니다. 이 기사의 내용이 모든 사람의 학습에 도움이 되기를 바랍니다. 또한 PHP 중국어 웹사이트를 지원하고 싶습니다.

Jquery 작업 선택에 대한 더 많은 기사를 보려면 주의하세요. PHP 중국어 웹사이트!