Jquery는 드롭다운 상자(DropDownList)를 작동하여 할당_jquery 값을 구현합니다.-JS 튜토리얼-php.cn

Jquery는 드롭다운 상자(DropDownList)를 작동하여 할당_jquery 값을 구현합니다.

WBOY

풀어 주다： 2016-05-16 17:25:42

원래의

1826명이 탐색했습니다.

1. 선택한 항목 가져오기:

코드 복사 코드는 다음과 같습니다.

 
받기 선택한 항목의 값 ： 
$('select#sel option:selected').val(); 
또는 
$('select#sel').find('option:selected'). val(); 
선택한 항목의 텍스트 값을 가져옵니다: 
$('select#seloption:selected').text() 
또는 
$('select#sel'). find('option:selected' ).text(); 

2. 현재 선택된 항목의 인덱스 값을 가져옵니다:

복사 code 코드는 다음과 같습니다.

$('select#sel').get(0).selectedIndex;

3. 현재 옵션의 최대 인덱스 값을 가져옵니다:

코드 복사 코드는 다음과 같습니다.

$('select#sel option:last').attr( "index")

4 DropdownList의 길이를 가져옵니다:

코드 복사 코드는 다음과 같습니다.

 
$('select#sel')[0].options.length; 🎜>$('select#sel').get(0).options.length; 

5. 첫 번째 옵션을 선택한 값으로 설정합니다:

코드 복사 코드는 다음과 같습니다.

$('select#sel option:first').attr('selected', 'true')

또는
$('select#sel')[0].selectedIndex = 0 

 
6. 마지막 옵션을 선택한 값으로 설정합니다. 

코드 복사 코드는 다음과 같습니다.

$('select#sel 옵션:last).attr ('selected','true')

7. 인덱스 값을 기준으로 선택할 옵션을 설정합니다. 값:

코드 복사 코드는 다음과 같습니다.

$('select#sel')[0 ].selectedIndex = 인덱스 값 = 0,1,2. ...

8. Value=4 옵션을 선택한 값으로 설정합니다:

코드 복사 코드는 다음과 같습니다.

$('select#sel').attr('value','4')

또는
$("select#sel option[value='4']").attr('selected', 'true'); 

 
9. Value=3인 옵션 삭제: 

코드 복사 코드는 다음과 같습니다.

$("select#sel option[value=' 3']").remove( );

10. 해당 옵션 삭제:

코드 복사 🎜> $(" select#sel option ").eq(index value).remove(); index value=0,1,2....

예를 들어 세 번째 Radio를 삭제합니다. :

$(" select#sel option ").eq(2).remove(); 

11. 첫 번째 옵션 삭제:

코드 복사 코드는 다음과 같습니다. $(" select#sel option ").eq(0).remove ()

또는

$("select#sel option:first").remove(); 

12. 마지막 옵션 삭제:

코드 복사 코드는 다음과 같습니다. $("select#sel option:last").remove()

13. 드롭다운 목록 삭제:

코드 복사 코드는 다음과 같습니다. $( "select#sel").remove();

14. 선택 후 옵션 추가:

코드 복사 코드는 다음과 같습니다.

$("select#sel").append("f")

15. select 앞에 옵션 추가:

코드 복사 코드는 다음과 같습니다.

$("select#sel").prepend("0"); >

16. 트래버스 옵션:

코드 복사 코드는 다음과 같습니다.

$(' select #sel option ').each(function (index, domEle) { 
//코드 작성
}) 