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