JavaScript获取Select下拉框Option的Value和Text值的方法

Js获取select下拉列表框各个Option的Value值相对比较容易，不过获取Text值却有点麻烦，对于一个初学JavaScript的 新手来说，可能一时还无从下手，那么就请看下本文的方法，以一个form表单中的Select下拉框菜单为例，来说明如何用JavaScript获取其 Value值和Text值：

示例表单，里面是一个select下拉列表框的各个列表项及值：

<form name="form1">
<select name="testvalue">
<option value="ASP">ASP</option>
<option value="PHP">PHP</option>
<option value="JSP">JSP</option>
</select>
</form>

接下来是JavaScript部分，获取Select的各个Value值和Text值：

//获取select下拉框Option的Value值：
document.form1.testvalue.value

//获取select下拉框Option的Text值：
document.form1.testvalue.options[document.form1.testvalue.selectedIndex].text

 

转载于:https://www.cnblogs.com/phpfensi/p/4333858.html