<select>: 1 2 3 4 5 6 7 8 9 10 奪得2008年歐洲杯冠軍的國家是： <select name="nation" id="nation"> <option value="">請選擇</option> <option value="Germany">德國</option> ...
<select>:
| 1 2 3 4 5 6 7 8 9 10 |
奪得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、判斷是否選擇了國家。
| 1 2 3 |
if($("#nation").val()=="") {
alert("請選擇國家");
}
|
2、獲取select中option項的個數。
| 1 |
$("#nation").find("option").length;
|
3、獲取選中的option的值value和顯示的文本text。
| 1 2 3 4 |
//獲取選中項的值
$("#nation").val();
//獲取選中項顯示的文本
$("#nation").find("option:selected").text();
|
4、設置西班牙為選中項。
| 1 |
$("#nation").find("option[value='Spain']").attr("selected",true);
|
5、獲取被選中的國家的索引，索引從0開始。
| 1 |
$("#nation").find("option:selected").index()
|
6、添加一個國家選項。
| 1 |
$("#nation").append("<option value='Ukraine'>烏克蘭</option>");
|
7、刪除一個國家選項。
| 1 2 3 4 |
//刪除value="Italy"的選項
$("#nation").find("option[value='Italy']").remove();
//刪除索引為2的選項
$("#nation").find("option[index=2]").remove();
|
