Jquery獲取select標籤的值 文字方式

2021-09-01 08:41:53 字數 1570 閱讀 4694

首先看html**:

我勒個去!

坑爹啊!

悲催啊!

冬瓜!我去!

先來說說這個標籤吧!

⑴ 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()

這個意思就是選擇標籤,然後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").prepend("請選擇");

⑻ $("#select1 option:last").remove();//刪除最後一行

$("#select1 option[value='4']").remove();//刪除第四行

$("#san").remove(); //刪除第三行;

$("#select1 ").empty(); //刪除全部option

……都是自己測試過的!

jQuery獲取Select元素

這個表示 假如我們希望當選擇選擇第三類時 如果第四類中有資料則刪除,如果沒有資料第四類的商品中的為預設值。在後面學習了ajax技術後經常會使用到!獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 v...

jQuery獲取select的值

獲取select的值 test class form control name code 請選擇option 使用型別option 前端型別option value road level 車道朝向option value lane direction 道路等級option select 獲取選擇的值...

jQuery獲取select的值

1.獲取第乙個option的值 test option first val 2.最後乙個option的值 test option last val 3.獲取第二個option的值 test option eq 1 val 4.獲取選中的值 test val test option selected ...