>웹 프론트엔드 >JS 튜토리얼 >Select_jquery에 대한 jQuery 작업 메모 기록

Select_jquery에 대한 jQuery 작업 메모 기록

WBOY
WBOY원래의
2016-05-16 18:05:18894검색
jQuery는 Select로 선택한 텍스트와 값을 가져옵니다.

구문 설명:
1. $("#select_id").change(function(){//code... } ); //항목 중 하나가 선택되면 트리거되는 Select 이벤트를 추가합니다.
2.var checkText=$("#select_id").find("option:selected").text() // Select 선택 텍스트 가져오기
3. var checkValue=$("#select_id").val(); //Select로 선택한 값 가져오기
4. var checkIndex=$("#select_id ").get (0).selectedIndex; //Select
에서 선택한 인덱스 값을 가져옵니다. var maxIndex=$("#select_id option:last").attr("index") //Select의 최대 인덱스 값을 가져옵니다.

jQuery는 Select로 선택한 텍스트와 값을 설정합니다.

구문 설명:
1. $("#select_id ").get(0).selectedIndex =1; //선택 값이 1인 항목이 선택됩니다.
2. $("#select_id ").val(4) //선택 값이 4로 설정되어 항목이 선택됩니다.
3 . $("#select_id option[text ='jQuery']").attr("selected", true); //Select의 Text 값을 선택한 jQuery 항목으로 설정

jQuery가 추가합니다. /Select의 옵션 항목 제거:

구문 설명:
1. $("#select_id").append("");
를 선택하는 옵션(드롭다운 항목) 2 . $("#select_id").prepend("를 선택하세요.") //선택을 위한 옵션(첫 번째 위치) 삽입
3. $("#select_id option:last" ).remove(); //Select에서 index 값이 가장 큰 Option(마지막 것)을 삭제합니다.
4. ']").remove(); //Select Option에서 값이 0인 인덱스를 삭제합니다(첫 번째)
5. $("#select_id option[value='3']").remove(); // Select
에서 값이 '3'인 옵션 제거 6. $("#select_id option[text='4']").remove() //Select에서 Text='4'인 옵션을 삭제합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.