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

一、
js获取select标签选中的值
var obj = document.getElementById(”testSelect”); //定位id

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

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

var value = obj.options[index].value; // 选中值
1
2
3
4
5
6
7
jQuery中获得选中select值
第一种方式
$('#testSelect option:selected').text();//选中的文本

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

$("#testSelect").get(0).selectedIndex;//索引
1
2
3
4
5
6
第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本

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

$("#testSelect").get(0).selectedIndex;//索引
1
2
3
4
5
6
二、
js清空select标签中的值
<select id="area">
<option>11</option>
<option>22</option>
<option>33</option>
</select>
1
2
3
4
5
<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>
1
2
3
4
5
6
7
8
9
10
jquery的写法
$("#area").html("");
$("#area").find("option").remove();
或者
$("#area").empty();
1
2
3
4
参考文献：
1、https://www.cnblogs.com/qq3245792286/p/6390504.html 2018.8.26
2、https://blog.csdn.net/dexing07/article/details/52318983 2018.8.26
————————————————
版权声明：本文为CSDN博主「JohnieLi」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/johinieli/java/article/details/82083551