獲取select的option方法

2022-05-05 08:30:11 字數 531 閱讀 4578

一、jquery方法(頁面中必須載入過jquery庫)-------------------推薦使用

1:var options=$("#test option:selected");  //獲取選中的項

2:alert(options.val());   //拿到選中項的值

3:alert(options.text());   //拿到選中項的文字

demo**:

text1

text2

二、原生js方法

1:拿到select物件: var myselect=document.getelementbyid("test");

2:拿到選中項的索引:var index=myselect.selectedindex ; // selectedindex代表的是你所選中項的index

3:拿到選中項options的value: myselect.options[index].value;

4:拿到選中項options的text: myselect.options[index].text;

vue 獲取select選中的option的所有值

特殊說明一點,想要預設繫結乙個值 讓select的v model的值 privincecode 與option繫結的value值 能匹配到一致的,就會顯示預設的那個值。也就會預設顯示到option中的值 methods this.provincename newitem 0 name 從找到的當前項...

獲取select的option值及其文字

在jquery中選擇select標籤的方法有 selectid 和 select name selectname 1.獲取select選擇的值,選擇了select之後直接用val 例如 selectid val 或者 select name selectname val 2.獲取select的文字值...

獲取select中option的值或文字

1.selectedindex指的是當前被選中的文字的索引值。2.節點.options 節點.selectedindex 是指定的某個標籤 3.節點.options 節點.selectedindex value獲取或設定所選中的列表值。節點.options 節點.selectedindex text...