编程 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 刷新框架页的代码

Apr 13 Javascript

简单易用的倒计时js代码

Aug 04 Javascript

jQuery实用函数用法总结

Aug 29 Javascript

JS实用的动画弹出层效果实例

May 05 Javascript

jQuery设置和获取select、checkbox、radio的选中值方法

Jan 01 Javascript

浅谈jQuery的bind和unbind事件(绑定和解绑事件)

Mar 02 Javascript

微信小程序后台登录（非微信账号）实例详解

Mar 31 Javascript

JS滚动到指定位置导航栏固定顶部

Jul 03 Javascript

Vue2.0设置全局样式(less/sass和css)

Nov 18 Javascript

AngularJS中ng-options实现下拉列表的数据绑定方法

Aug 13 Javascript

js实现二级联动简单实例

Jan 11 Javascript

利用js实现简单开关灯代码

Nov 23 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

咖啡机如何保养和日常清洁？

2021/03/03 冲泡冲煮

php将字符串转化成date存入数据库的两种方式

2014/04/28 PHP

提高php编程效率技巧

2015/08/13 PHP

php强制下载文件函数

2016/08/24 PHP

php mysql PDO 查询操作的实例详解

2017/09/23 PHP

PHP写API输出的时用echo的原因详解

2019/04/28 PHP

TNC vs BOOM BO3 第一场2.13

2021/03/10 DOTA

自己动手开发jQuery插件教程

2011/08/25 Javascript

jQuery页面加载初始化常用的三种方法

2014/06/04 Javascript

js实现多选项切换导航菜单的方法

2015/02/06 Javascript

js获取页面description的方法

2015/05/21 Javascript

JS实现可自定义大小，可双击关闭的弹出层效果

2015/10/16 Javascript

深入学习jQuery Validate表单验证（二）

2016/01/18 Javascript

JavaScript使用简单正则表达式的数据验证功能示例

2017/01/13 Javascript

jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

2017/12/18 jQuery

JS实现图片居中悬浮效果

2017/12/25 Javascript

cdn模式下vue的基本用法详解

2018/10/07 Javascript

VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析

2019/12/02 Javascript

如何使用JavaScript实现无缝滚动自动播放轮播图效果

2020/08/20 Javascript

Python扫描IP段查看指定端口是否开放的方法

2015/06/09 Python

python读取中文txt文本的方法

2018/04/12 Python

浅谈django orm 优化

2018/08/18 Python

python数据结构之线性表的顺序存储结构

2018/09/28 Python

python在html中插入简单的代码并加上时间戳的方法

2018/10/16 Python

css3实现垂直下拉动画菜单示例

2014/04/22 HTML / CSS

利用纯html5绘制出来的一款非常漂亮的时钟

2015/01/04 HTML / CSS

德国网上花店：Valentins

2018/08/15 全球购物

英国领先的新鲜松露和最好的松露产品供应商：TruffleHunter

2019/08/26 全球购物

What is the purpose of Void class? Void类的作用是什么？

2016/10/31 面试题

是否有自动比较结构的方法

2015/06/03 面试题

物业工作计划书

2014/01/10 职场文书

学生打架检讨书

2014/10/20 职场文书

2014年财务经理工作总结

2014/12/08 职场文书

研究生简历自我评

2015/03/11 职场文书

重阳节简报

2015/07/20 职场文书

动画「半妖的夜叉姬」新BD特典图公开

2022/03/22 日漫