JavaScript获取Select下拉框Option的Value和Text值的方法
2015-03-12 22:04
363 查看
Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的 新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个form表单中的Select下拉框菜单为例,来说明如何用JavaScript获取其 Value值和Text值:
示例表单,里面是一个select下拉列表框的各个列表项及值:
接下来是JavaScript部分,获取Select的各个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值的方法
- 使用javascript获取获取dropdownlist的value与text
- js获取TreeView控件选中节点的Text和Value值的方法
- Vue.js获取被选择的option的value和text值方法
- javascript 获取TreeView控件选中节点的Text和Value (转)
- JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)
- JS获取select-option-text_value的方法
- 使用JavaScript获取select元素选中的value和text
- javascript获取TreeView控件选中节点的Text和Valuejavascript
- 获取select的value、text值的简单示例(jquery与javascript)
- JQuery获取input type="text"中的value属性的值的方法
- JavaScript获取dropdownlist的text/value
- js获取TreeView控件选中节点的Text和Value值的方法
- 使用javascript获取获取dropdownlist的value与text
- [javascript][转载]jQuery获取Select选择的Text和 Value
- jsp页面javascript中用document.getElementById(" ").value无法获取相应text的值
- JavaScript中获取表单元素得value的两种方法
- ASPxCheckBoxList控件获取selected项的text和value的方法
- JS获取select-option-text_value的方法
- Javascript如何获取选中项的文本值TEXT不是VALUE