JavaScript和jQuery如何判断select是否被选中并获取select选中的值

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例子如下：

    


    
        深度学习
        机器学习
        数据挖掘
        图像处理
    
    

    
选中的option索引：

    
选中的option文本：

    
选中的option的值：

    
“数据挖掘”选项是否被选中：

推荐使用菜鸟教程在线编辑器进行测试玩耍，效果如图1和图2所示。

图1

图2

jQuery部分

1. 判断option是否被选中

$("#id").is(":checked")  //false代表未选中，true代表选中

2. 获取select选中的值

$("#mySelect option:selected").text()
$("#mySelect").find('option:selected').text()
$("#mySelect").val()

3. 获取select选中的索引

$("#mySelect").get(0).selectedIndex

4. 删除option

$("#myOption").remove()

jQuery例子如下：

注意要有jQuery的库文件

    
    


    
        深度学习
        机器学习
        数据挖掘
        图像处理
    
    

    
选中的option索引：

    
选中的option文本：

    
选中的option的值：

    
“数据挖掘”选项是否被选中：

    
所有选项的文本：

效果如图3和图4所示.

图3

图4

---

附
该文章于2017年8月16日于CSDN上首次发表，2017年12月24日搬家至此！