2012年3月3日 星期六

jquery的select操作

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

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

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

取得選取的為第幾項
  1. $("#select").find(":selected").index()  

新增一筆選項
  1. $("#select").append("<option value=\"dog\">狗</option>");  

移除選取項目
  1. $("#select").find(":selected").remove();  

清空選項
  1. $("#select").empty();  

給預設值
  1. $("#select option[value=tiger]").prop("selected""selected");  
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...