编程 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 JSON操作入门实例

Apr 16 Javascript

jQuery插件开发详细教程

Jun 06 Javascript

点击A元素触发B元素的事件在IE8下会识别成A元素

Sep 04 Javascript

谷歌浏览器不支持showModalDialog模态对话框的解决方法

Sep 22 Javascript

JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)

Oct 17 Javascript

JavaScript中的跨浏览器事件操作的基本方法整理

May 20 Javascript

js简单实现图片延迟加载的方法

Jul 19 Javascript

JS分页的实现（同步与异步）

Sep 16 Javascript

详解element-ui级联菜单（城市三级联动菜单）和回显问题

Oct 02 Javascript

基于Echarts图表在div动态切换时不显示的解决方式

Jul 20 Javascript

原生js实现购物车

Sep 23 Javascript

canvas实现贪食蛇的实践

Feb 15 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传输数据的代码

2007/11/13 PHP

php 无极分类(递归)实现代码

2010/01/05 PHP

探讨PHP中OO之静态关键字以及类常量的详解

2013/06/07 PHP

PHP使用Mysqli类库实现完美分页效果的方法

2016/04/07 PHP

Yii安装与使用Excel扩展的方法

2016/07/13 PHP

解决laravel groupBy 对查询结果进行分组出现的问题

2019/10/09 PHP

php pdo连接数据库操作示例

2019/11/18 PHP

用javascript获得地址栏参数的两种方法

2006/11/08 Javascript

JavaScript SetInterval与setTimeout使用方法详解

2013/11/15 Javascript

JavaScript判断浏览器类型的方法

2015/02/10 Javascript

js基于面向对象实现网页TAB选项卡菜单效果代码

2015/09/09 Javascript

JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

2016/06/05 Javascript

JS中对Cookie的操作详解

2016/08/05 Javascript

Vue.js常用指令的使用小结

2017/06/23 Javascript

JS实现常见的查找、排序、去重算法示例

2018/05/21 Javascript

jQuery使用each遍历循环的方法

2018/09/19 jQuery

Ant Design Pro 之 ProTable使用操作

2020/10/31 Javascript

Python跳出循环语句continue与break的区别

2014/08/25 Python

Python脚本实现DNSPod DNS动态解析域名

2015/02/14 Python

Python 使用requests模块发送GET和POST请求的实现代码

2016/09/21 Python

Python决策树和随机森林算法实例详解

2018/01/30 Python

Python输出各行命令详解

2018/02/01 Python

python 实现将txt文件多行合并为一行并将中间的空格去掉方法

2018/12/20 Python

python批量创建指定名称的文件夹

2019/03/21 Python

使用python对多个txt文件中的数据进行筛选的方法

2019/07/10 Python

python实现简单图书管理系统

2019/11/22 Python

Python实现石头剪刀布游戏

2021/01/20 Python

通过CSS3的object-fit来调整图片适配尺寸的技巧简介

2016/02/27 HTML / CSS

HTML5+CSS3实现机器猫

2016/10/17 HTML / CSS

欧洲高端品牌直销店：Fashionesta

2016/08/31 全球购物

索引覆盖(Index Covering)查询含义

2012/02/18 面试题

导游个人求职信

2014/04/25 职场文书

学校地质灾害防治方案

2014/06/10 职场文书

企业党的群众路线教育实践活动领导班子对照检查材料

2014/09/25 职场文书

考试没考好检讨书

2015/05/06 职场文书

React Hook用法示例详解（6个常见hook）

2021/04/28 Javascript