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

jQuery学习笔记之jQuery的动画

Dec 22 Javascript

关于hashchangebroker和statehashable的补充文档

Aug 08 Javascript

js添加table的行和列具体实现方法

Jul 22 Javascript

子窗体与父窗体传值示例js代码

Aug 01 Javascript

可兼容IE的获取及设置cookie的jquery.cookie函数方法

Sep 02 Javascript

Jquery搜索父元素操作方法

Feb 10 Javascript

JS实现的通用表单验证插件完整实例

Aug 20 Javascript

AngularJS入门教程之多视图切换用法示例

Nov 02 Javascript

Bootstrap表格使用方法详解

Feb 17 Javascript

chorme 浏览器记住密码后input黄色背景处理方法(两种)

Nov 22 Javascript

JavaScript 中使用 Generator的方法

Dec 29 Javascript

vue addRoutes路由动态加载操作

Aug 04 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

德劲1104的电路分析与改良

2021/03/01 无线电

PHP array_flip() 删除重复数组元素专用函数

2010/05/16 PHP

PHP中比较两个字符串找出第一个不同字符位置例子

2014/04/08 PHP

php+mysql+jquery实现简易的检索自动补全提示功能

2017/04/15 PHP

PHP中TP5 上传文件的实例详解

2017/07/31 PHP

PHPStorm 2020.1 调试 Nodejs的多种方法详解

2020/09/17 NodeJs

PPK 谈 JavaScript 的 this 关键字 [翻译]

2009/09/29 Javascript

jquery 常用操作整理基础入门篇

2009/10/14 Javascript

js Date概念详细介绍

2013/11/22 Javascript

Nodejs中自定义事件实例

2014/06/20 NodeJs

原生JavaScript实现异步多文件上传

2015/12/02 Javascript

JavaScript实现输入框(密码框)出现提示语

2016/01/12 Javascript

AngularJs入门教程之环境搭建+创建应用示例

2016/11/01 Javascript

three.js快速入门【推荐】

2017/01/21 Javascript

Angular中的interceptors拦截器

2017/06/25 Javascript

js实现鼠标移动到图片产生遮罩效果

2017/10/21 Javascript

vue实现同一个页面可以有多个router-view的方法

2018/09/20 Javascript

玩转Koa之核心原理分析

2018/12/29 Javascript

ES6知识点整理之Proxy的应用实例详解

2019/04/16 Javascript

学习RxJS之JavaScript框架Cycle.js

2019/06/17 Javascript

js实现复制粘贴的两种方法

2020/12/04 Javascript

Python 装饰器深入理解

2017/03/16 Python

python多线程之事件Event的使用详解

2018/04/27 Python

Python将8位的图片转为24位的图片实现方法

2018/10/24 Python

解决Python selenium get页面很慢时的问题

2019/01/30 Python

在pytorch中对非叶节点的变量计算梯度实例

2020/01/10 Python

Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式

2020/03/11 Python

英国领先的品牌珠宝和配件供应商：Acotis Jewellery

2018/03/07 全球购物

美国肌肉和力量商店：Muscle & Strength

2019/06/22 全球购物

介绍一下Transact-SQL中SPACE函数的用法

2015/09/01 面试题

应届生财务会计求职信

2013/11/05 职场文书

个人近期表现材料

2014/02/11 职场文书

学雷锋活动总结范文

2014/04/25 职场文书

售房委托书

2014/08/30 职场文书

婚礼必备主持词范本！

2019/07/23 职场文书

golang如何去除多余空白字符(含制表符)

2021/04/25 Golang