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

用window.location.href实现刷新另个框架页面

Mar 07 Javascript

轻轻松松学JS调试（不下载任何工具）

Apr 14 Javascript

基于jQuery的合并表格中相同文本的相邻单元格的代码

Apr 06 Javascript

百度判断手机终端并自动跳转js代码及使用实例

Jun 11 Javascript

javascript面向对象特性代码实例

Jun 12 Javascript

jQuery双向列表选择器select版

Nov 01 Javascript

JavaScript数据结构与算法之队列原理与用法实例详解

Nov 22 Javascript

详解如何在nuxt中添加proxyTable代理

Aug 10 Javascript

Node.js Koa2使用JWT进行鉴权的方法示例

Aug 17 Javascript

Vue调用后端java接口的实例代码

Oct 28 Javascript

解决echarts图表使用v-show控制图表显示不全的问题

Jul 19 Javascript

JavaScript实现外溢动态爱心的效果的示例代码

Mar 21 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 静态变量与自定义常量的使用方法

2010/01/26 PHP

PHP的简易冒泡法代码分享

2012/08/28 PHP

基于php中echo用逗号和用点号的区别详解

2018/01/23 PHP

解决 FireFox 下[使用event很麻烦] 的问题.

2006/08/22 Javascript

javascript CSS画图之基础篇

2009/07/29 Javascript

jQuery为iframe的body添加click事件的实现代码

2011/04/07 Javascript

通过Javascript创建一个选择文件的对话框代码

2012/06/16 Javascript

Jquery实现网页跳转或用命令打开指定网页的解决方法

2013/07/09 Javascript

javascript firefox 自动加载iframe 自动调整高宽示例

2013/08/27 Javascript

jq实现左侧显示图片右侧文字滑动切换效果

2015/08/04 Javascript

jQuery实现商品活动倒计时

2015/10/16 Javascript

JavaScript函数柯里化详解

2016/04/29 Javascript

javaScript事件机制兼容【详细整理】

2016/07/23 Javascript

JavaScript实现分页效果

2017/03/28 Javascript

JavaScript中重名的函数与对象示例详析

2017/09/28 Javascript

two.js之实现动画效果示例

2017/11/06 Javascript

JS中this的指向以及call、apply的作用

2018/05/06 Javascript

bootstrap treeview 树形菜单带复选框及级联选择功能

2018/06/08 Javascript

小程序实现左右来回滚动字幕效果

2018/12/28 Javascript

VUE脚手架的下载和配置步骤详解

2019/04/01 Javascript

CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】

2019/06/14 Javascript

在vue中使用axios实现post方式获取二进制流下载文件(实例代码)

2019/12/16 Javascript

Vue通过provide inject实现组件通信

2020/09/03 Javascript

JavaScript常用8种数组去重代码实例

2020/09/09 Javascript

[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片

2015/02/07 DOTA

[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局

2016/03/02 DOTA

Python __setattr__、 __getattr__、 __delattr__、__call__用法示例

2015/03/06 Python

Python中类型检查的详细介绍

2017/02/13 Python

python pycharm最新版本激活码(永久有效)附python安装教程

2020/09/18 Python

英国电动工具购买网站：Anglia Tool Centre

2017/04/25 全球购物

香港士多网上超级市场：Ztore

2021/01/09 全球购物

高中军训感言400字

2014/02/24 职场文书

计算机系本科生求职信

2014/05/31 职场文书

助人为乐模范事迹材料

2014/06/02 职场文书

机关作风建设剖析材料

2014/10/11 职场文书

销售员态度差检讨书

2014/10/26 职场文书