JS获取下拉列表所选中的TEXT和Value的实现代码
更新时间：2014年01月11日 10:17:02 作者：
本篇文章主要是对JS获取下拉列表所选中的TEXT和Value的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function selChange(){
var sel=document.getElementById('sel');
alert(sel.options[sel.selectedIndex].text);
alert(sel.options[sel.selectedIndex].value);
}
</script>
</head>
<body>
<select id="sel" onchange="selChange()" >
<option value="zhangsan">张三</option>
<option value="lisi" >李四</option>
<option value="wangwu" >王五</option>
</select>
</body>
</html>
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function selChange(){
var sel=document.getElementById('sel');
alert(sel.options[sel.selectedIndex].text);
alert(sel.options[sel.selectedIndex].value);
}
</script>
</head>
<body>
<select id="sel" onchange="selChange()" >
<option value="zhangsan">张三</option>
<option value="lisi" >李四</option>
<option value="wangwu" >王五</option>
</select>
</body>
</html>
相关文章
这篇文章主要为大家详细介绍了JavaScript实现简易tab栏切换内容栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要介绍了JS动画效果打开、关闭层的实现方法,可实现js控制层从中心位置打开与关闭的功能,涉及javascript操作页面元素的相关技巧,需要的朋友可以参考下2015-05-05
Bootstrap滚动监听组件scrollspy.js使用方法详解
这篇文章主要为大家详细介绍了Bootstrap滚动监听组件scrollspy.js的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
javascript作为前端常用的开发语言,越来越多的人都在学习它,下面这篇文章主要给大家介绍了关于如何使用JavaScript打造一个扫雷游戏的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-02-02
javascript实现的颜色块滑动的动态效果...2007-08-08
JavaScript原生对象之Number对象的属性和方法详解
这篇文章主要介绍了JavaScript原生对象之Number对象的属性和方法详解,本文讲解了创建 Number 对象的语法、MAX_VALUE、MIN_VALUE、NaN等属性或方法,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了js原生Ajax的封装和原理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了js数组对象里面如何获取某个属性值相等的对象问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
10个实用的脚本工具，其实就是将代码拷贝到IE地址栏中运行2010-05-05
这篇文章介绍了JS随机生成不重复数据的实例方法，有需要的朋友可以参考一下2013-07-07
最新评论