select下拉框問題

取值問題

	<select id="selector">
    	<option value="1">選項一</option>
    	<option value="2">選項二</option>
    	<option value="3">選項三</option>
    	<option value="4">選項四</option>
	</select>

1. 獲取當前選中項的text和value

	$("#selector").find("option:selected").text();
	$("#selector").find("option:selected").val();

2. 獲取當前選中的索引值（從0開始）

	$("#selector").get(0).selectedIndex;

3. 獲取第一項（最小）和最後一項（最大）的text

	$("#selector option:last").text();
	$("#selector option:first").text();

更改和設置選中狀態

1. 改變select的選中，執行該語句後將第0個改爲被選中狀態，這裏eq(i)，i爲索引值

    $("#selector").each(function(){
        $(this).find("option").eq(0).prop("selected",true)
    });

2. 爲select添加事件，當選擇其中一項時觸發事件

    $('#selector').change(function (e) {
       alert(1243);
    });

3. 設置select索引值爲1的項選中

$("#selector").get(0).selectedIndex = 1;

4. 設置select的value值爲’1’的項選中

$("#selector option[value='1']").prop("selected", true);

添加/刪除select的option項：

1.爲select追加一個option(下拉項)，在末尾添加

$("#selector").append("<option value='5'>選項五</option>");

2. 爲select追加一個option(下拉項)，在起始添加

 $("#selector").prepend("<option value='5'>選項五</option>");

3. 刪除select中最後一個option

$("#selector option:last").remove();

4. 刪除select中value='3’的option

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