码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-03-12 23:51:00      阅读:288      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!