select Box option ( 초기화,추가,삭제 )

Select Box 관련 내용은 이곳에..

 

* option 추가/삭제

var data = "<option='A'>A</option><option='B'>B</option><option='C'>C</option>";
// 기본 빈값을 하나 제외하고 삭제
$("#셀렉트박스 option").not("[value='']").remove();  
// 새로운 항목 추가.
$("#셀렉트박스").append(data);  



<select style="width:100px;" id="selectBox" >
<option value="">== SELECT ==</option>
</select>

* onchange 변경

$('#셀렉트박스').change(function(){ 
    alert(this.name)
});

* 특정 value 값을 가진 option 의 Text 값 가져오기

$("#셀렉트박스 > option[value='값']").text()

* selectbox의 option 갯수 구하기

$("#셀렉트박스 option").size();