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 学习之旅 (1)
Feb 05 Javascript
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 Javascript
jquery获取url参数及url加参数的方法
Oct 26 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
原生js实现下拉框选择组件
Jan 20 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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
PHP 批量删除数据的方法分析
2009/10/30 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
Yii基于CActiveForm的Ajax数据验证用法示例
2016/07/14 PHP
使用PHP开发留言板功能
2019/11/19 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
js实现弹窗居中的简单实例
2016/10/09 Javascript
Bootstrap下拉菜单样式
2017/02/07 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
JavaScript实现拖拽功能
2020/02/11 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
2020/11/20 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
vue浏览器返回监听的具体步骤
2021/02/03 Vue.js
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
python中readline判断文件读取结束的方法
2014/11/08 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
python urllib爬虫模块使用解析
2019/09/05 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
C#公司笔试题
2014/03/28 面试题
小学运动会表扬稿
2014/01/19 职场文书
通信研究生自荐信
2014/02/01 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
停课通知书
2015/04/24 职场文书
公路施工安全责任书
2015/05/08 职场文书
求职意向书范本
2015/05/11 职场文书
学雷锋感言
2015/08/03 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书