> 웹 프론트엔드 > JS 튜토리얼 > jquery 연산에 대한 자세한 설명 select(값, 설정 선택)_jquery

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

WBOY
풀어 주다: 2016-05-16 17:01:15
원래의
992명이 탐색했습니다.

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

예를 들어

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 옵션 = $("

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

});

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿