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

发布时间:2019-09-02编辑:脚本学堂
为大家介绍一个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>