1html代码如下：
<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>
2javascript代码如下：
<script type="text/javascript">
function getIndex()
{
//从document对象中，获取select标签
var a=documentgetElementById("mySelect");
//select标签获取的值其实是一个数组--aoptions[]; 然后，选定项的下标是--aselectedIndex
var b=aoptions[aselectedIndex]value;
alert(b);
}
</script>
var gname=documentgetElementById("gname")text;
这句不对。应该是
var gname = documentgetElementById("gname")value;不过这样，你拿到的只是选中的id，所以这下很麻烦，你用原生的JS还需要
var gnameOptions = documentgetElementById("gname")getElementsByTagName('option');然后遍历一遍，找出符合的id
for (var i = 0; i < gnameOptionslength; i += 1) {if (gnameOptions[i]value === gname) {
gname = gnameOptions[i]innerHTML;
break;
}
}
var obj = documentgetElementById("n1"); // 这里也可以写成var obj = documentgetElementByName("n1");var arrText = new Array();var arrValue = new Array();
for(var i = 0; i < objoptionslength; i++) {
arrText [arrText length] = objoptions[i]text; arrValue[arrValuelength] = objoptions[i]value;
}arrText 就是所有的TextarrValue就是所有的Value
以上就是关于如何利用javascript获取表单中select下拉列表中所选中项的值value全部的内容，包括:如何利用javascript获取表单中select下拉列表中所选中项的值value、JS如何获取动态select值（我写的是点击添加）、通过js来获取select的全部值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）