编程 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实现仿银行密码输入框效果的代码

Dec 13 Javascript

js中判断文本框是否为空的两种方法

Jul 31 Javascript

Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

Dec 08 Javascript

获得Javascript对象属性个数的示例代码

Nov 21 Javascript

js动态调用css属性的小规律及实例说明

Dec 28 Javascript

获取当前点击按钮的id用this.id实现

Mar 17 Javascript

JavaScript实现简单精致的图片左右无缝滚动效果

Mar 16 Javascript

详解Angular.js数据绑定时自动转义html标签及内容

Mar 30 Javascript

JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

Feb 22 Javascript

vue + typescript + 极验登录验证的实现方法

Jun 27 Javascript

微信小程序scroll-view的滚动条设置实现

Mar 02 Javascript

vue-router懒加载的3种方式汇总

Feb 28 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

一个用mysql_odbc和php写的serach数据库程序

2006/10/09 PHP

ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整

2014/11/05 PHP

PHP实现伪静态方法汇总

2016/01/13 PHP

PHP引用的调用方法分析

2016/04/25 PHP

Yii CGridView用法实例详解

2016/07/12 PHP

dwr spring的集成实现代码

2009/03/22 Javascript

Dom 结点创建基础知识

2011/10/01 Javascript

JQuery-tableDnD 拖拽的基本使用介绍

2013/07/04 Javascript

实例详解angularjs和ajax的结合使用

2015/10/22 Javascript

JS原型对象的创建方法详解

2016/06/16 Javascript

基于js对象,操作属性、方法详解

2016/08/11 Javascript

Js获取当前日期时间及格式化代码

2016/09/17 Javascript

jQuery Validate验证框架详解(推荐)

2016/12/17 Javascript

JavaScript字符串对象

2017/01/14 Javascript

微信小程序循环及嵌套循环的使用总结

2017/09/26 Javascript

轻松理解vue的双向数据绑定问题

2017/10/30 Javascript

详解JavaScript的BUG和错误

2018/05/07 Javascript

JavaScript解析及序列化JSON的方法实例分析

2019/01/04 Javascript

详解vue路由篇(动态路由、路由嵌套)

2019/01/27 Javascript

微信小程序sessionid不一致问题解决

2019/08/30 Javascript

高效测试用例组织算法pairwise之Python实现方法

2017/07/19 Python

在python中将字符串转为json对象并取值的方法

2018/12/31 Python

python实现创建新列表和新字典,并使元素及键值对全部变成小写

2019/01/15 Python

Python中常用的8种字符串操作方法

2019/05/06 Python

Django中使用极验Geetest滑动验证码过程解析

2019/07/31 Python

python下载卫星云图合成gif的方法示例

2020/02/18 Python

CSS3制作圆形滚动进度条动画的示例

2020/11/05 HTML / CSS

HTML5中新标签和常用标签详解

2014/03/07 HTML / CSS

亚洲领先的旅游体验市场：Voyagin

2019/11/23 全球购物

一套C++笔试题面试题

2012/06/06 面试题

优秀毕业大学生推荐信

2013/11/13 职场文书

毕业生个人求职信范文分享

2014/01/05 职场文书

七夕情人节促销方案

2014/06/07 职场文书

采购内勤岗位职责

2015/04/13 职场文书

使用Djongo模块在Django中使用MongoDB数据库

2021/06/20 Python

win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法

2022/08/05 数码科技