자바스크립트에서 선택을 설정하는 방법

방법: 1. 먼저 선택 요소를 가져온 다음 val() 메서드를 사용하여 지정된 값이 있는 선택 옵션을 선택합니다. 2. 먼저 요소를 가져온 다음 find() 메서드를 사용하여 지정된 텍스트 값이 있는 선택 옵션을 찾습니다. 마지막으로 "attr("selected",true)" 메서드를 사용하여 선택합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript 설정 select selected

예를 들어

<select class="selector"></select>

1. 값이 pxx

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

인 항목을 선택합니다. 2. 텍스트가 pxx

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

인 항목을 선택합니다. 여기서 사용법에서는 대괄호 안의 등호 앞에 따옴표 없이 속성 이름이 옵니다. 대괄호를 사용하면 논리가 매우 단순해지는 경우가 많습니다.

여기에서는 콜론을 사용합니다. 사용법을 익히고 추론을 하면 코드가 더 간단해집니다.

cascade of select가 자주 사용됩니다. 즉, 두 번째 선택의 값이 첫 번째 선택에서 선택한 값으로 변경됩니다. 이것은 jquery에서 매우 간단합니다.

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

// 先清空第二个 

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

// 实际的应用中，这里的option一般都是用循环生成多个了 

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

$(".selector2").append(option); 

});

추천 학습: javascript 고급 튜토리얼

위 내용은 자바스크립트에서 선택을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!