首页 > 编程语言 > 详细

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

时间:2015-03-12 23:50:38      阅读:500      评论:0      收藏:0      [点我收藏+]

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

 

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

原文:http://www.cnblogs.com/phpfensi/p/4333858.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!