jquery的select操作

一些常用的jquery的select的操作。

準備這樣的html
<select id="select">
<option value="tiger">老虎</option>
<option value="lion">獅子</option>
</select>
取得選取到的的值

view plaincopy to clipboardprint?

1. $("#select").change(function(){   
2.     //取得選取的option中的值   
3.     alert($(this).find(":selected").text());   
4.     //取得選取的option的val的值   
5.     alert($(this).find(":selected").val());   
6. });  

取得選取的為第幾項

view plaincopy to clipboardprint?

1. $("#select").find(":selected").index()  

新增一筆選項

view plaincopy to clipboardprint?

1. $("#select").append("<option value=\"dog\">狗</option>");  

移除選取項目

view plaincopy to clipboardprint?

1. $("#select").find(":selected").remove();  

清空選項

view plaincopy to clipboardprint?

1. $("#select").empty();  

給預設值

view plaincopy to clipboardprint

1. $("#select option[value=tiger]").prop("selected", "selected");