js動態獲取select選中的option

2021-10-23 11:14:55 字數 627 閱讀 2932

js動態獲取select選中的option

通過2種方式:

一、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;

推薦使用第一種jqueiry方法去獲取select選中的option~~~~~~~~

js獲取select標籤選中的值

var obj document.getelementbyidx x testselect 定位id var index obj.selectedindex 選中索引 var text obj.options index text 選中文字 var value obj.options index v...

js獲取select選中的標籤option的值

js中獲取方法 var obj document.getelementbyidx xx x testselect 定位id var index obj.selectedindex 選中索引 var text obj.options index text 選中文字 var value obj.opti...

js獲取select標籤選中的值

var obj document.getelementbyidx x testselect 定位id var index obj.selectedindex 選中索引 var text obj.options index text 選中文字 var value obj.options index v...