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

响应鼠标变换表格背景或者颜色的代码

Mar 30 Javascript

30个最好的jQuery 灯箱插件分享

Apr 25 Javascript

如何使用jquery动态加载js,css文件实现代码

Apr 03 Javascript

jquery实现通用版鼠标经过淡入淡出效果

Jun 15 Javascript

JS中处理时间之setUTCMinutes()方法的使用

Jun 12 Javascript

移动端一个简单易懂的弹出框

Jul 06 Javascript

Angular学习笔记之angular的$filter服务浅析

Nov 12 Javascript

学习使用jQuery表单验证插件和日历插件

Feb 13 Javascript

vue.js中过滤器的使用教程

Jun 08 Javascript

vue实现组件之间传值功能示例

Jul 13 Javascript

vue 音乐App QQ音乐搜索列表最新接口跨域设置方法

Sep 25 Javascript

IDEA配置jQuery, $符号不再显示黄色波浪线的问题

Oct 09 jQuery

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

萌王史莱姆”萌王性别尴尬！那“萌战”归女组还是男?

2018/12/17 日漫

收听短波不可能有声音清晰的品质吗

2021/03/01 无线电

phpmyadmin打开很慢的解决方法

2014/04/21 PHP

几个优化WordPress中JavaScript加载体验的插件介绍

2015/12/17 PHP

PHP+sqlite数据库操作示例(创建/打开/插入/检索)

2016/05/26 PHP

PHP基于自增数据如何生成不重复的随机数示例

2017/05/19 PHP

jQuery实现鼠标滑过遮罩并高亮显示效果

2013/07/16 Javascript

多种方法实现load加载完成后把图片一次性显示出来

2014/02/19 Javascript

理运用命名空间让js不产生冲突避免全局变量的泛滥

2014/06/15 Javascript

JavaScript使用指针操作实现约瑟夫问题实例

2015/04/07 Javascript

JS+CSS相对定位实现的下拉菜单

2015/10/06 Javascript

Vue.js每天必学之组件与组件间的通信

2016/09/08 Javascript

Mongoose经常返回e11000 error的原因分析

2017/03/29 Javascript

jQuery实现html双向绑定功能示例

2017/10/09 jQuery

Node.js原生api搭建web服务器的方法步骤

2019/02/15 Javascript

OpenLayers3实现鼠标移动显示坐标

2020/09/25 Javascript

element-ui 弹窗组件封装的步骤

2021/01/22 Javascript

[03:00]《DAC最前线》之欧美新秀VS老将

2015/02/01 DOTA

Python笔记（叁）继续学习

2012/10/24 Python

python正则分组的应用

2013/11/10 Python

python实现人人网登录示例分享

2014/01/19 Python

Python文件读取的3种方法及路径转义

2015/06/21 Python

Python Requests安装与简单运用

2016/04/07 Python

python程序封装为win32服务的方法

2021/03/07 Python

在python中按照特定顺序访问字典的方法详解

2018/12/14 Python

Django 使用easy_thumbnails压缩上传的图片方法

2019/07/26 Python

Python学习笔记之Break和Continue用法分析

2019/08/14 Python

python opencv实现证件照换底功能

2019/08/19 Python

python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中

2019/08/24 Python

flask 实现上传图片并缩放作为头像的例子

2020/01/09 Python

自动化专业毕业生自荐信

2013/11/01 职场文书

体育馆的标语

2014/06/24 职场文书

2014小学数学教研组工作总结

2014/12/06 职场文书

电影雨中的树观后感

2015/06/15 职场文书

2015年计算机教学工作总结

2015/07/22 职场文书

nginx搭建NFS网络文件系统

2022/04/14 Servers