如何利用javascript获取表单中select下拉列表中所选中项的值value
2024-08-24 17:50:58
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>
最新文章
- Python 小爬虫流程总结
- oracle xmltype导入并解析Excel数据 (二)规则说明
- MVC学习笔记---各种上下文context
- ThinkPad E440 加内存后导致开不了机
- fzu 1015 土地划分(判断线段相交+求出交点+找规律)
- 学习笔记之 初试Linux遇到的问题 2015-10-13
- cvc-complex-type.2.4.a: Invalid content was found starting with element
- 一步步学习ASP.NET MVC3 (14)——Route路由
- phpstorm 格式化代码方法
- jQuery手风琴制作
- c/c++ SQLite3的常用使用方法;
- C语言博客作业—一二维数组
- Virtual DOM 系列三:Diff算法
- 总结web自动化测试页面常用字段的定位方法
- poj3080 Blue Jeans【KMP】【暴力】
- 机器人meta标签和X-Robots-Tag HTTP标头规格
- Uva LA 3902 - Network 树形DP 难度: 0
- mybatis mapper使用记录
- @ZooKeeper注册中心安装(单节点)
- 分享至微信、QQ、微博、复制链接