關於JS獲取select的值

近日，在一專案中需要採用js獲取select選擇框所選中項的值，居然一下子忘記了如何獲取。於是看了dom文件，真覺得是自己老了，連這麼簡單的東西都忘記了。

為怕以後再忘記，也給同行乙個提示，遂記錄於此。

選項一

選項二選項三

一、獲取所選擇項顯示的文字

document.getelementbyid(『s1』).options[document.getelementbyid(『s1』).selectedindex].text

若當前選中「選項二」，則這種方式所取的結果為：選項二

操作

二、獲取所選擇項的value

document.getelementbyid(『s1』).options[document.getelementbyid(『s1』).selectedindex].value

若當前選中「選項二」，則這種方式所取的結果為：2

操作

三、獲取當前選擇項

document.getelementbyid(『s1』).selectedindex

若當前選中「選項一」，則這種方式所取的結果為：1

這裡對於select必須得有id屬性，才能採用getelementbyid獲取該控制項，這點需要注意。

另外，對於php獲取頁面所提交的select控制項的值，需要select控制項得有name屬性，在php內獲取表單上的select控制項資料時，採用$s = $_post[『select的name屬性值』];這種方式來獲取。

怎麼樣？ 其實很簡單的吧，希望能給初學者乙個啟示！

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標籤選中的值

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標籤選中的值

js獲取select標籤選中的值 var obj document.getelementbyidx x testselect 定位id var index obj.selectedindex 選中索引 var text obj.options index text 選中文字 var value ob...