编程 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 05 Javascript

js电信网通双线自动选择技巧

Nov 18 Javascript

JQuery优缺点分析说明

Jun 09 Javascript

jquery.validate分组验证代码

Mar 17 Javascript

JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

Jan 23 Javascript

解决checkbox的attr(checked)一直为undefined问题

Jun 16 Javascript

微信小程序之页面拦截器的示例代码

Sep 07 Javascript

vue在使用ECharts时的异步更新和数据加载详解

Nov 22 Javascript

jQuery实现简单的下拉菜单导航功能示例

Dec 07 jQuery

jQuery实现遍历XML节点和属性的方法示例

Apr 29 jQuery

JavaScript实现的3D旋转魔方动画效果实例代码

Jul 31 Javascript

小程序自定义轮播图圆点组件

Jun 25 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

用PHP的ob_start() 控制您的浏览器cache

2009/08/03 PHP

第四章 php数学运算

2011/12/30 PHP

php实现mysql数据库操作类分享

2014/02/14 PHP

php使用fputcsv实现大数据的导出操作详解

2020/02/27 PHP

用JS操作FRAME中的IFRAME及其内容的实现代码

2008/07/26 Javascript

javascript 框架小结个人工作经验

2009/06/13 Javascript

javascript 判断数组是否已包含了某个元素的函数

2010/05/30 Javascript

你必须知道的Javascript知识点之"深入理解作用域链"的介绍

2013/04/23 Javascript

javascript跨浏览器的属性判断方法

2014/03/16 Javascript

node.js中的fs.appendFile方法使用说明

2014/12/17 Javascript

详解React 16 中的异常处理

2017/07/28 Javascript

MVVM 双向绑定的实现代码

2018/06/21 Javascript

RxJS的入门指引和初步应用

2019/06/15 Javascript

jQuery实现弹幕特效

2019/11/29 jQuery

vue中根据时间戳判断对应的时间(今天昨天前天)

2019/12/20 Javascript

微信小程序 flexbox layout快速实现基本布局的解决方案

2020/03/24 Javascript

[11:57]《一刀刀一天》第十七期：TI中国军团加油！

2014/05/26 DOTA

Python自定义函数定义,参数,调用代码解析

2017/12/27 Python

Python OpenCV 直方图的计算与显示的方法示例

2018/02/08 Python

Python学习小技巧总结

2018/06/10 Python

python+ffmpeg批量去视频开头的方法

2019/01/09 Python

Python数据可视化实现多种图例代码详解

2020/07/14 Python

css3的transition效果和transfor效果示例介绍

2013/10/30 HTML / CSS

美国在线鲜花速递：ProFlowers

2017/01/05 全球购物

高街生活方式全球在线商店：AZBRO

2017/08/26 全球购物

京东奢侈品：全球奢侈品牌

2018/03/17 全球购物

L’AGENCE官网：加州女装品牌

2018/06/03 全球购物

意大利时尚奢侈品店：D’Aniello Boutique

2021/01/19 全球购物

《晏子使楚》教学反思

2014/02/08 职场文书

企业文明单位申报材料

2014/05/16 职场文书

建筑工地文明标语

2014/10/09 职场文书

爱心捐款感谢信

2015/01/20 职场文书

消防验收申请报告

2015/05/15 职场文书

《用字母表示数》教学反思

2016/02/17 职场文书

2016年优秀团支部事迹材料

2016/02/26 职场文书

Windows Server 2012 R2服务器安装与配置的完整步骤

2022/07/15 Servers