编程 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 相关文章推荐

Js动态添加复选框Checkbox的实例方法

Apr 08 Javascript

Google Dart编程语法和基本类型学习教程

Nov 27 Javascript

jQuery对Select的操作大集合(收藏)

Dec 28 Javascript

JavaScript各类型的关系图解

Oct 16 Javascript

跟我学习javascript的严格模式

Nov 16 Javascript

巧用Javascript的逻辑运算符

Dec 02 Javascript

setTimeout时间设置为0详细解析

Mar 13 Javascript

解决layui前端框架 form表单,table表等内置控件不显示的问题

Aug 19 Javascript

vue webpack开发访问后台接口全局配置的方法

Sep 18 Javascript

浅谈layui框架自带分页和表格重载的接口解析问题

Sep 11 Javascript

基于ts的动态接口数据配置的详解

Dec 18 Javascript

基于vue和bootstrap实现简单留言板功能

May 30 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

fleaphp常用方法分页之Pager使用方法

2011/04/23 PHP

JoshChen_php新手进阶高手不可或缺的规范介绍

2013/08/16 PHP

PHP捕获Fatal error错误的方法

2014/06/11 PHP

PHP 快速排序算法详解

2014/11/10 PHP

php常用文件操作函数汇总

2014/11/22 PHP

pjblog修改技巧汇总

2007/03/12 Javascript

jquery提示 "object expected"的解决方法

2009/12/13 Javascript

动态获取复选框checkbox选中个数的jquery代码

2013/06/25 Javascript

JS中window.open全屏命令解析及使用示例

2013/12/11 Javascript

javascript实现复制与粘贴操作实例

2014/10/16 Javascript

JS实现控制表格内指定单元格内容对齐的方法

2015/03/30 Javascript

JavaScript中用于生成随机数的Math.random()方法

2015/06/15 Javascript

Laravel中常见的错误与解决方法小结

2016/08/30 Javascript

javascript iframe跨域详解

2016/10/26 Javascript

基于bootstrap的文件上传控件bootstrap fileinput

2016/12/23 Javascript

Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容

2017/06/17 Javascript

webpack多页面开发实践

2017/12/18 Javascript

微信小程序如何利用getCurrentPages进行页面传值

2019/07/01 Javascript

如何实现一个简易版的vuex持久化工具

2019/09/11 Javascript

js实现翻牌小游戏

2020/07/31 Javascript

原生js+css实现tab切换功能

2020/09/17 Javascript

Python排序算法实例代码

2017/08/10 Python

Python和Sublime整合过程图示

2019/12/25 Python

浅析python 字典嵌套

2020/09/29 Python

详解使用python爬取抖音app视频(appium可以操控手机)

2021/01/26 Python

用OpenCV进行年龄和性别检测的实现示例

2021/01/29 Python

详解纯CSS3制作的20种loading动效

2017/07/05 HTML / CSS

css3 条纹化和透明化表格Firefox下测试成功

2014/04/15 HTML / CSS

BannerBuzz加拿大：在线定制横幅印刷、广告和标志

2020/03/10 全球购物

美国购物网站：Clickhere2shop

2021/01/28 全球购物

十佳青年个人事迹材料

2014/01/28 职场文书

学生周末长期请假条

2014/02/15 职场文书

重点工程汇报材料

2014/08/27 职场文书

2014年商场国庆节活动策划方案

2014/09/16 职场文书

新郎婚礼致辞

2015/07/27 职场文书

python程序的组织结构详解

2021/12/06 Python