jquery 연산에 대한 자세한 설명 select(값, 설정 선택)_jquery

셀렉트를 운영할 때마다 항상 나가서 정보를 찾아보아야 하는데, 앞으로는 직접 요약해서 여기만 살펴보는 것이 어떨까요.

예를 들어

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();

// 실제 애플리케이션에서는 일반적으로 루프를 사용하여 여러 옵션을 생성합니다

var 옵션 = $("").val(1).text("pxx");

$(".selector2").append(옵션);

});