JQuery 선택(드롭다운 상자) 작업 방법 요약_jquery

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

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

$('select#sel 옵션:선택됨').val();

또는

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

$('select#sel').find('옵션:선택됨').val();

선택한 항목의 텍스트 값을 가져옵니다.

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

$('select#seloption:선택됨').text();

또는

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

$('select#sel').find('option:selected').text();

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

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

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

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

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

$('select#sel 옵션:마지막').attr("index")

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

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

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

또는

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

$('select#sel').get(0).options.length;

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

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

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

또는

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

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

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

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

$('select#sel 옵션:마지막).attr('selected','true')

7. 인덱스 값에 따라 선택한 값으로 옵션을 설정합니다.

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

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

8. 선택한 값으로 값=4를 사용하여 옵션을 설정합니다.

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

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

또는

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

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

9. 값=3인 삭제 옵션:

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

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

10. 삭제할 옵션:

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

$(" select#sel 옵션 ").eq(인덱스 값).remove(); 인덱스 값=0,1,2....

세 번째 라디오를 삭제하고 싶다면:

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

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

11. 첫 번째 옵션 삭제:

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

$(" select#sel 옵션 ").eq(0).remove();

또는

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

$("select#sel 옵션:첫 번째").remove();

12. 마지막 옵션 삭제:

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

$("select#sel 옵션:마지막").remove();

13. 드롭다운 목록 삭제:

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

$("select#sel").remove();

14. 선택 후 옵션 추가:

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

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

15. 선택 항목 앞에 옵션 추가:

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

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

16. 트래버스 옵션:

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

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