구문 설명: 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'인 옵션을 삭제합니다.