Jquery 操作 select 的操作指南

這裡我們以一個簡單的select作為原型來進行說明：

<select>
        <option value="a1">香蕉1</option>
        <option value="a2">香蕉2</option>
        <option value="a3">香蕉3</option>
        <option value="a1">香蕉4</option>
        <option value="a4">香蕉5</option>
        <option value="a5">香蕉6</option>
        <option value="a6" selected ="selected">香蕉7</option>
        <option value="a7">香蕉8</option>
        <option value="a8">香蕉9</option>
        <option value="a9">香蕉0</option>
</select>

1.獲取/設置當前option的value值

$('select').val();    //獲取值
$('select').val('a8');     //設置值

2.獲取/設置當前option的文本：註意：.find("option[text='.......']")適用於input標簽,不適用與select標簽

var text = $("select").find("option:selected").text();  //獲取text
$("select").find("option:contains('香蕉4')").attr("selected",true);  //設置當前option的text

3.獲取/設置當前option的index:

var checkIndex=$("select").get(0).selectedIndex;  //獲取index
$("select").get(0).selectedIndex=2;    //設置index,index從0開始計數

4.常見的添加/刪除option操作：

1. $("select").append("<option value='Value'>Text</option>");  //為Select追加一個Option(下拉項)
2. $("select").prepend("<option value='0'>請選擇</option>");  //為Select插入一個Option(第一個位置)
3. $("select option:last").remove();  //刪除Select中索引值最大Option(最後一個)
4. $("select option[index='0']").remove();  //刪除Select中索引值為0的Option(第一個)
5. $("select option[value='3']").remove();  //刪除Select中Value='3'的Option
6. $("select option[text='4']").remove();  //刪除Select中Text='4'的Option