jQuery操作select的實例代碼

2024-05-06 14:21:45

字體：大中小

來源：轉載

供稿：網友

select:
代碼如下:
奪得2008年歐洲杯冠軍的國家是：
<select name="nation" id="nation">
<option value="">請選擇</option>
<option value="Germany">德國</option>
<option value="France">法國</option>
<option value="Italy">意大利</option>
<option value="England">英國</option>
<option value="Spain">西班牙</option>
<option value="Greece">希臘</option>
</select>

1、判斷是否選擇了國家。
代碼如下:
if($("#nation").val()=="") {
alert("請選擇國家");
}

　　2、獲取select中option項的個數。
代碼如下:$("#nation").find("option").length;
　　3、獲取選中的option的值value和顯示的文本text。
代碼如下://獲取選中項的值
$("#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("<option value='Ukraine'>烏克蘭</option>");
　　7、刪除一個國家選項。
代碼如下://刪除value="Italy"的選項
$("#nation").find("option[value='Italy']").remove();
//刪除索引為2的選項
$("#nation").find("option[index=2]").remove();

上一篇：javascript學習筆記(十四) window對象使用介紹

下一篇：javascript學習筆記(四) Number 數字類型