轉載地址：http://fireflywithcat.iteye.com/blog/1581183

首先看html代碼：

Html代碼 ?

<select?multiple="multiple"?id="select1"??size=”5”??name="dd">??

<optgroup?label="坑爹組合">??

????????????<option?value="1"?disabled="disabled">我勒個去！</option>??

????????????<option?value="2">坑爹啊！</option>??

</optgroup>??

????????????<option?value="3">悲催啊！</option>??

????????????<option?id=”si”?selected="selected?”??value="4">冬瓜！</option>??

????????????<option?value="5">我去！</option>??

????????</select>??

先來說說<select>這個標簽吧！
⑴ multiple這個屬性是可以多選！它的寫法就是：multiple="multiple"
⑵ size=”3”,就是這個select標簽頂多可有3個option
⑶ disabled="disabled"：這個屬性就是禁止下拉框下拉！就是不能用了！
⑷ option中的seleted=”selected” 就是在初始化時，下拉框中顯示的是這個option了！說白了就是默認選定了！
⑸ optgroup這個標簽就是在option選項中分類，方便我們選擇。但是這不是一個option！
⑹ disabled="disabled" 的意思就是禁止這個option選擇，就是你只能看著 但是無法選擇。很坑爹！
⑺ value屬性就是value，沒有什么用處，給服務器傳送的時候就是value。

呵呵!寫了這么多沒用的，接下來寫Jquery了！
⑴ $("#select1").find("option:selected").text()
這個意思就是選擇<select>標簽，然后find選擇 option標簽中帶有selected屬性的標簽，最后獲取這個標簽的text內容，文中就是獲取：“冬瓜！“
⑵ $("#select1").val()
就是獲取上面提到的value值了，但是有一點得注意：如果在所有option中有默認值selected屬性時，這時這句代碼的結果就是這個option的value值。如果所用option中都沒有selected屬性，則會顯示第一個option的value值。如果要是沒有設定value就會顯示text()內容。
文中：顯示結果是“4”，如果把這行的value=“4”去掉，就會顯示：“冬瓜！”
⑶??? $("#si").attr("value","donggua");
????? $("#si ").val("donggua");
????? $("#si ").get(0).value = "donggua";
這個就不解釋了！就是給option賦值！
⑷ $("#select1").get(0).options[3].value
Get(0)獲取這個select的DOM對象，對其進行操作。這是對其值進行操作，可以把value改為text，對其text進行操作！也可以把selected替換了，不過返回的是：false或者true
⑸ $("#select1 option[text='坑爹啊！']").attr("selected", true)
這個都明白吧，設置selected屬性
⑹ $("#select1 ").append("<option value='8' selected='selected'>donggua</option>");
Append都知道就是元素內部追加內容，這里我就是加入一行option的意思
⑺ $("#select1").prepend("<option value='9'>請選擇</option>");
Prepend是預設的意思，在這里也是添加一行option的意思，跟上面的區別是。Prepend是在select的第一位添加，而append是在最后一位添加。
⑻? $("#select1 option:last").remove();//刪除最后一行
$("#select1 option[value='4']").remove();//刪除第四行
$("#san").remove(); //刪除第三行；
$("#select1 ").empty(); //刪除全部option
……都是自己測試過的！

總結

以上是生活随笔為你收集整理的Jquery获取select标签的值、文本方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。