셀렉트를 운영할 때마다 항상 나가서 정보를 찾아보아야 하는데, 앞으로는 직접 요약해서 여기만 살펴보는 것이 어떨까요.
예를 들어
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에서 매우 간단합니다.
예:
// 두 번째 것을 먼저 지웁니다
$(".selector2").empty();
// 실제 애플리케이션에서는 일반적으로 루프를 사용하여 여러 옵션을 생성합니다
var 옵션 = $("
$(".selector2").append(옵션);
});