首页 > 编程语言 > 详细

如何利用javascript获取表单中select下拉列表中所选中项的值value

时间:2014-03-22 21:09:13      阅读:558      评论:0      收藏:0      [点我收藏+]
1
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>

  

如何利用javascript获取表单中select下拉列表中所选中项的值value,布布扣,bubuko.com

如何利用javascript获取表单中select下拉列表中所选中项的值value

原文:http://www.cnblogs.com/haore147/p/3617920.html

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