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; // 选中值

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();

select添加option

var selectarr = $(#em).find(select);
for (var i = 0; i < selectarr.length; i++) {
	  var slt_td = $(selectarr[i]).parent();
	  slt_td.empty();
	  var slt = $(<select style="width: 100%;height: 20px;"></select>)
	  var option = $(<option>---请选择您要的小分类---</option>);
	  slt.append(option);
	  option = $(<option value="test1" v-for="option in options1">{
         
  { option.id}}-{
         
  { option.name}}</option>);
	  slt.append(option);
	  slt_td.append(slt);
}

1、 2、