js取得select中value值与文本text的代码

1、select内容

<select id = "selectId" >     
<option value = "0">第0个</option>     
</select>

2、js代码

<script>     
 var selectObj = document.getElementById('selectId');     
 // 通过对象添加option     
 selectId.add(new Option("第一个","1"))     
 selectId.add(new Option("第二个","2"))     
 // 通过id添加option     
 selectId.add(new Option("第三个","3"))     
 selectId.add(new Option("第四个","4"))     
 // 通过id添加方法（也可以通过对象添加方法）     
 selectId.onchange = function(){     
 // 通过对象获取value和text     
 alert(selectObj.value);     
 alert(selectObj.options[selectObj.selectedIndex].text);     
 // 通过 id 获取value和text     
 alert(selectId.value);     
 alert(selectId.options[selectId.selectedIndex].text);     
 // 还可以通过this获取value和text     
 alert(this.value);     
 alert(this.options[this.selectedIndex].text);     
};     
</script>

您可能感兴趣的文章：
jquery中获取select选中值的代码
js取得select中value值与文本text的代码
JS获取select中option、text、value的例子
Jquery获取Select下拉框中Text与Value的方法详解
jquery操作select取值赋值与设置选中
Javascript如何获取select的选中值和选中文本
jQuery获取Select中Text与Value值
JS操作SELECT表单方法收集(赋默认值，取值，增，删等)
jquery获取select值的方法总结
jQuery select操作控制方法小结