如何利用javascript获取表单中select下拉列表中所选中项的值value
2014-03-22 18:33
821 查看
1.html代码如下:
<html> <head> </head> <body> <form name="form1" id="form1"> Select your favorite fruit: <select id="mySelect" name="mySelect"> <option value="11">Apple</option> <option value="22" >Orange</option> <option value="33">Pineapple</option> <option value="44">Banana</option> </select> <br /><br /> <input type="button" onclick="getIndex()" value="Alert index of selected option"> </form> </body> </html>
2.javascript代码如下:
<script type="text/javascript"> function getIndex() { //从document对象中,获取select标签 var a=document.getElementById("mySelect"); //select标签获取的值其实是一个数组--a.options[]; 然后,选定项的下标是--a.selectedIndex var b=a.options[a.selectedIndex].value; alert(b); } </script>
相关文章推荐
- 如何利用jquery获取下拉框中所选的内容以及select里value的使用
- javascript 获取select下拉列表值的代码
- JavaScript获取下拉列表选中项的值和文本
- JS获取下拉列表所选中的TEXT和Value的实现代码
- javascript增删节点以及如何操作下拉列表select和option(源代码)
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radi...
- 【JavaScript】下拉列表select中在value传递多个值,取出其option显示值,并应用此作为导航
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- javascript 获取select下拉列表值的代码
- 如何让 select的那个请选择不被选中.获取选中的value值和html
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- select 下拉列表获取选中的文本
- js获取下拉列表选中项的值和文本(select)以及获取单
- js获取下拉列表(select)选中项的值和文本
- C#-WebForm 如何获取下拉列表选中的值 jquery
- js获取下拉列表(select)选中项的值和文本
- 如何获取select中的value、text、index相关值 && 如何获取单选框中radio值 && 触发事件 && radio 默认选中
- jquery 获取下拉框 某个text='xxx'的option的属性 非选中 如何获得select被选中option的value和text和......
- Jquery 根据value值设置下拉列表(select)默认选中项