jQuery 작업 select_jquery의 예제 코드

선택:

코드 복사 코드는 다음과 같습니다. 2008 유럽 대회에서 우승한 국가 컵은 ： 선택하세요 프랑스 이탈리아 ="영국" 스페인

1. 국가 선택 여부를 확인합니다.

코드 복사 코드는 다음과 같습니다. if($("#nation") .val( )=="") { alert("국가를 선택하세요"); }

2. 선택 항목의 옵션 항목 개수를 가져옵니다.

코드 복사 코드는 다음과 같습니다. $("#nation").find("option ").length; 3. 선택한 옵션의 값과 표시된 텍스트를 가져옵니다.

코드 복사 코드는 다음과 같습니다. //선택한 항목의 값 가져오기 $("#nation ").val(); //선택한 항목에 표시된 텍스트 가져오기 $("#nation").find("option:selected").text()

4. 스페인을 선택 항목으로 설정합니다.

코드 복사 코드는 다음과 같습니다. $("#nation").find("option [value= 'Spain']").attr("selected",true); 5. 선택한 국가의 인덱스를 가져옵니다. 인덱스는 0부터 시작합니다.

코드 복사 코드는 다음과 같습니다. $("#nation").find("option :selected" ).index() 6. 국가 옵션을 추가합니다. ?

코드 복사 코드는 다음과 같습니다. $("#nation"). append(" 우크라이나 "); 7. 국가 옵션을 삭제합니다.

코드 복사 코드는 다음과 같습니다. //value="Italy" 옵션 삭제 $( "#nation").find("option[value='Italy']").remove() //인덱스 2 $("#nation")가 있는 옵션을 제거합니다. find("옵션 [색인=2]").remove()