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

解析arp病毒背后利用的Javascript技术附解密方法

Aug 06 Javascript

Cookie 注入是怎样产生的

Apr 08 Javascript

jQuery对象的length属性用法实例

Dec 27 Javascript

详解JavaScript的变量和数据类型

Nov 27 Javascript

javascript中不易分清的slice,splice和split三个函数

Mar 29 Javascript

javaScript语法总结

Nov 25 Javascript

浅析如何利用angular结合translate为项目实现国际化

Dec 08 Javascript

详解A标签中href=""的几种用法

Aug 20 Javascript

让axios发送表单请求形式的键值对post数据的实例

Aug 11 Javascript

javascript数组的定义及操作实例

Nov 10 Javascript

Vue的Options用法说明

Aug 14 Javascript

JavaScript实现简单的音乐播放器

Aug 14 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 匿名函数与注意事项详细介绍

2016/11/26 PHP

PHP调用全国天气预报数据接口查询天气示例

2019/02/20 PHP

分享几种好用的PHP自定义加密函数(可逆/不可逆)

2020/09/15 PHP

JavaScript 在线压缩和格式化收藏

2009/01/16 Javascript

javascript 语法基础想学习js的朋友可以看看

2009/12/16 Javascript

JavaScript高级程序设计事件学习笔记

2011/09/10 Javascript

nodejs之请求路由概述

2014/07/05 NodeJs

JavaScript通过join函数连接数组里所有元素的方法

2015/03/20 Javascript

js验证真实姓名与身份证号是否匹配

2015/10/13 Javascript

jquery中ajax跨域方法实例分析

2015/12/18 Javascript

jquery ajax双击div可直接修改div中的内容

2016/03/04 Javascript

JS实现HTML表格排序功能

2016/08/05 Javascript

让DIV的滚动条自动滚动到最底部的3种方法(推荐)

2016/09/24 Javascript

js中创建对象的几种方式

2017/02/05 Javascript

如何使用bootstrap框架 bootstrap入门必看!

2017/04/13 Javascript

微信小程序中多个页面传参通信的学习与实践

2017/05/05 Javascript

微信小程序开发MAP（地图）实例详解

2017/06/27 Javascript

jQueryUI Sortable 应用Demo(分享)

2017/09/07 jQuery

微信小程序中setInterval的使用方法

2017/09/29 Javascript

canvas轨迹回放功能实现

2017/12/20 Javascript

微信、QQ、微博、Safari中使用js唤起App

2018/01/24 Javascript

vue slot 在子组件中显示父组件传递的模板

2018/03/02 Javascript

leaflet加载geojson叠加显示功能代码

2020/02/21 Javascript

vue通过v-html指令渲染的富文本无法修改样式的解决方案

2020/05/20 Javascript

Sanic框架路由用法实例分析

2018/07/16 Python

python实现对指定字符串补足固定长度倍数截断输出的方法

2018/11/15 Python

python 模拟贷款卡号生成规则过程解析

2019/08/30 Python

pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)

2020/05/09 Python

Python 在局部变量域中执行代码

2020/08/07 Python

Python中return函数返回值实例用法

2020/11/19 Python

大学生党员自我评价范文

2014/04/09 职场文书

党的群众路线教育实践活动个人整改措施材料

2014/11/04 职场文书

2014年教师教学工作总结

2014/11/08 职场文书

2015年副班长工作总结

2015/05/15 职场文书

创业计划书之小型广告公司

2019/10/22 职场文书

MybatisPlus代码生成器的使用方法详解

2021/06/13 Java/Android