>웹 프론트엔드 >JS 튜토리얼 >jquery 작업 선택(값, 선택됨 설정)

jquery 작업 선택(값, 선택됨 설정)

巴扎黑
巴扎黑원래의
2017-06-29 10:04:45988검색

셀렉션을 운영할 때마다 항상 나가서 정보를 찾아봐야 하니까 직접 요약해서 앞으로는 여기만 보시는 게 어떨까요.

예를 들어 f47b572de00409da02ec5e7a3675b5d318bb6ffaf0152bbe49cd8a3620346341

1. 값을 pxx로 설정하여

$(".selector").val("pxx");

2 텍스트를 pxx 항목으로 설정하여 선택합니다.

$(".selector").find("option[text='pxx']").attr("selected",true);

대괄호 안의 등호 앞에는 속성 이름이 따옴표 없이 옵니다. 대괄호를 사용하면 논리가 매우 단순해지는 경우가 많습니다.

3. 현재 선택한 항목의 값을 가져옵니다

$(".selector").val();

4 현재 선택한 항목의 텍스트를 가져옵니다

$(".selector").find( "option:selected").text();

여기서는 콜론을 사용합니다. 사용법을 숙지하고 추론을 그리는 것도 코드를 더 단순하게 만듭니다.

선택의 계단식을 자주 사용합니다. 즉, 두 번째 선택의 값이 첫 번째 선택에서 선택한 값으로 변경됩니다. jquery에서는 매우 간단합니다.

예:

$(".selector1").change(function(){
     // 先清空第二个
      $(".selector2").empty();
     // 实际的应用中,这里的option一般都是用循环生成多个了
      var option = $("<option>").val(1).text("pxx");
      $(".selector2").append(option);
});

위 내용은 jquery 작업 선택(값, 선택됨 설정)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.