JavaScript部分
var mySelect = document.getElementById("testSelect"); //定位id（获取select）var index = mySelect.selectedIndex; //选中索引（选取select中option选中的第几个）var text = mySelect.options[index].text; //获取选中文本var value = mySelect.options[index].value; //获取选中值mySelect.options[index].selected //判断select中的某个option是否选中，true为选中，false为未选中js例子如下：
<html><head> <script> function sel() { var mySelect = document.getElementById("testSelect"); //定位id（获取select） var index = mySelect.selectedIndex; //选中索引（选取select中option选中的第几个） var text = mySelect.options[index].text; //获取选中文本，即option标签对之间的文字 var value = mySelect.options[index].value; //获取选中值 document.getElementById("show_index").innerHTML = index; document.getElementById("show_text").innerHTML = text; document.getElementById("show_value").innerHTML = value; if (mySelect.options[2].selected) { //注意index是从0开始的 document.getElementById("show_isSelected").innerHTML = "选中了"; } else { document.getElementById("show_isSelected").innerHTML = "没选中"; } } </script></head><body> <select id="testSelect" onchange="sel()"> <option id="op_1" value="Deep Learning">深度学习</option> <option id="op_2" value="Machine Learning">机器学习</option> <option id="op_3" value="Data Mining">数据挖掘</option> <option id="op_4" value="Image Processing">图像处理</option> </select> <br> <hr><font color="red">选中的option索引：</font><p id="show_index"></p> <hr><font color="red">选中的option文本：</font><p id="show_text"></p> <hr><font color="red">选中的option的值：</font><p id="show_value"></p> <hr><font color="red">“数据挖掘”选项是否被选中：</font><p id="show_isSelected"></p></body></html>推荐使用菜鸟教程在线编辑器进行测试玩耍，效果如图1和图2所示。
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。