JS获取下拉列表所选中的TEXT和Value的实现代码


Posted in Javascript onJanuary 11, 2014

如下所示:

<!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 相关文章推荐
JavaScript与函数式编程解释
Apr 27 Javascript
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
Oct 12 Javascript
浅析JavaScript 调试方法和技巧
Oct 22 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
一步步教你利用Docker设置Node.js
Nov 20 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
记录vue做微信自定义分享的一些问题
Sep 12 Javascript
vue如何使用rem适配
Feb 06 Vue.js
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 #Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 #Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 #Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 #Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 #Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 #Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 #Javascript
You might like
discuz目录文件资料汇总
2014/12/30 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
Vee-Validate的使用方法详解
2017/09/22 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
2020/05/15 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
使用python在本地电脑上快速处理数据
2017/06/22 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
python编程嵌套函数实例代码
2018/02/11 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
详解python3中tkinter知识点
2018/06/21 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
python绘制随机网络图形示例
2019/11/21 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
应届生服务员求职信
2013/10/31 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
放飞梦想演讲稿800字
2014/08/26 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
社会实践心得体会范文
2016/01/14 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python
mysql数据库隔离级别详解
2022/06/16 MySQL