近日，在一项目中需要采用JS获取Select选择框所选中项的值，居然一下子忘记了如何获取。于是看了DOM文档，真觉得是自己老了，连这么简单的东西都忘记了。

为怕以后再忘记，也给同行一个提示，遂记录于此。

<select id="s1" name="s1">
<option selected="selected" value="1">选项一</option>
<option value="2">选项二</option>
<option value="3">选项三</option>
</select>

操作一、获取所选择项显示的文字

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属性值’];这种方式来获取。

怎么样？ 其实很简单的吧，希望能给初学者一个启示！

建议继续学习：

1. 简单js+css实现模拟自定义select样式    (阅读：4416)
2. 学习libevent的select模型    (阅读：3850)
3. InnoDB select性能拐点测试    (阅读：2855)
4. 用 Jquery 模拟 select    (阅读：2731)
5. IE6下select下拉框不能随滚动条正常滚动    (阅读：1954)