编程 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下过滤数组重复值的代码

Sep 10 Javascript

地震发生中逃生十大法则

May 12 Javascript

ASP小贴士/ASP Tips javascript tips可以当桌面

Dec 10 Javascript

浅析javascript的间隔调用和延时调用

Nov 12 Javascript

javascript中的 object 和 function小结

Aug 14 Javascript

解决拦截器对ajax请求的拦截实例详解

Dec 21 Javascript

jQuery实现checkbox即点即改批量删除及中间遇到的坑

Nov 11 jQuery

360doc网站不登录就无法复制内容的解决方法

Jan 27 Javascript

layui 表格的属性的显示转换方法

Aug 14 Javascript

详解VUE调用本地json的使用方法

May 15 Javascript

微信小程序之几种常见的弹框提示信息实现详解

Jul 11 Javascript

JS前端canvas交互实现拖拽旋转及缩放示例

Aug 05 Javascript

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

Laravel 4.2 中队列服务（queue）使用感受

2014/10/30 PHP

Yii2汉字转拼音类的实例代码

2017/04/18 PHP

php readfile()修改文件上传大小设置

2017/08/11 PHP

php实现微信原生支付（扫码支付）功能

2018/05/30 PHP

window.showModalDialog使用手册

2007/01/11 Javascript

JavaScript 小型打飞机游戏实现原理说明

2010/10/28 Javascript

jQuery LigerUI 使用教程表格篇(1)

2012/01/18 Javascript

JavaScript 判断浏览器是否支持SVG的代码

2013/03/21 Javascript

js捕获鼠标滚轮事件代码

2013/12/16 Javascript

js添加select下默认的option的value和text的方法

2014/10/19 Javascript

手机浏览器后退按钮强制刷新页面方法总结

2016/10/09 Javascript

AngularJs验证重复密码的方法(两种)

2016/11/25 Javascript

NodeJS父进程与子进程资源共享原理与实现方法

2018/03/16 NodeJs

JS非行间样式获取函数的实例代码

2018/06/05 Javascript

AngularJs中$cookies简单用法分析

2019/05/30 Javascript

Vue 自定义指令功能完整实例

2019/09/17 Javascript

Vue2.X和Vue3.0数据响应原理变化的区别

2019/11/07 Javascript

微信小程序如何通过用户授权获取手机号(getPhoneNumber)

2020/01/21 Javascript

JavaScript实现PC端横向轮播图

2020/02/07 Javascript

Vue和React有哪些区别

2020/09/12 Javascript

[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

使用pyecharts在jupyter notebook上绘图

2020/04/23 Python

JSONLINT：python的json数据验证库实例解析

2017/11/28 Python

浅谈Python中带_的变量或函数命名

2017/12/04 Python

让Python更加充分的使用Sqlite3

2017/12/11 Python

python和shell监控linux服务器的详细代码

2018/06/22 Python

Python实现字符型图片验证码识别完整过程详解

2019/05/10 Python

Python多版本开发环境管理工具介绍

2019/07/03 Python

python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法

2020/02/14 Python

Python如何在main中调用函数内的函数方式

2020/06/01 Python

竞聘医务工作人员的自我评价分享

2013/11/04 职场文书

移动通信专业自荐信范文

2013/11/12 职场文书

入党自我鉴定

2014/03/25 职场文书

环境科学专业求职信

2014/08/04 职场文书

入党积极分子党小组意见

2015/06/02 职场文书

关于社会实践的心得体会（2016最新版）

2016/01/25 职场文书