JS获取select标签的选中值和清空select值的操作

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/JohinieLi/article/details/82083551

一、

js获取select标签选中的值

var obj = document.getElementById(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式
$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected').val();//选中的值

$("#testSelect").get(0).selectedIndex;//索引

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本

$("#tesetSelect").find("option:selected").val();//选中的值

$("#testSelect").get(0).selectedIndex;//索引

二、

js清空select标签中的值

<select id="area">
    <option>11</option>
     <option>22</option>
      <option>33</option>
</select>

<script>
var area= document.getElementById("area");
area.innerHTML = "";

for(var i=0;i<area.childNodes.length;i++){
    area.removeChild(area.options[i]);
    area.remove(i);
    area.options[i] = null;
}
</script>

jquery的写法

$("#area").html("");
$("#area").find("option").remove();
或者
$("#area").empty();

参考文献：
1、https://www.cnblogs.com/qq3245792286/p/6390504.html 2018.8.26
2、https://blog.csdn.net/dexing07/article/details/52318983 2018.8.26