编程 Javascript

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