编程 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 事件冒泡简介及应用

Jan 11 Javascript

使用Json比用string返回数据更友好，也更面向对象一些

Sep 13 Javascript

含有CKEditor的表单如何提交

Jan 09 Javascript

jQuery中;function($,undefined) 前面的分号的用处

Dec 17 Javascript

JavaScript获得当前网页来源页面（即上一页）的方法

Apr 03 Javascript

jquery+html5制作超酷的圆盘时钟表

Apr 14 Javascript

javascript中tostring()和valueof()的用法及两者的区别

Nov 16 Javascript

AngularJS 服务详细讲解及示例代码

Aug 17 Javascript

jquery+css实现简单的图片轮播效果

Aug 07 jQuery

vue文件树组件使用详解

Mar 29 Javascript

js中对象与对象创建方法的各种方法

Feb 27 Javascript

微信小程序简易计算器实现代码实例

Sep 02 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 引用(&)详解

2009/11/20 PHP

浅析echo(),print(),print_r(),return之间的区别

2013/11/27 PHP

前端必学之PHP语法基础

2016/01/01 PHP

编写PHP脚本清除WordPress头部冗余代码的方法讲解

2016/03/01 PHP

PHP实现微信模拟登陆并给用户发送消息的方法【文字,图片,图文】

2017/06/29 PHP

javascript 学习笔记（六）浏览器类型及版本信息检测代码

2011/04/08 Javascript

基于jquery的9行js轻松实现tab控件示例

2013/10/12 Javascript

js中arguments,caller,callee,apply的用法小结

2014/01/28 Javascript

Node.js和PHP根据ip获取地理位置的方法

2014/03/14 Javascript

jquery+css3打造一款ajax分页插件(自写)

2014/06/18 Javascript

AngularJS基础知识笔记之过滤器

2015/05/10 Javascript

浅谈js中的延迟执行和定时执行

2016/05/31 Javascript

jQuery实现checkbox列表的全选、反选功能

2016/11/24 Javascript

jQuery联动日历的实例解析

2016/12/02 Javascript

收藏AngularJS中最重要的核心功能

2017/07/09 Javascript

JavaScript面向对象精要(上部)

2017/09/12 Javascript

详解从NodeJS搭建中间层再谈前后端分离

2018/11/13 NodeJs

我要点爆”微信小程序云开发之项目建立与我的页面功能实现

2019/05/26 Javascript

微信小程序纯文本实现@功能

2020/04/08 Javascript

浅谈Vue3.0新版API之composition-api入坑指南

2020/04/30 Javascript

antd vue table跨行合并单元格,并且自定义内容实例

2020/10/28 Javascript

[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛

2016/06/26 DOTA

Python3实现的腾讯微博自动发帖小工具

2013/11/11 Python

python采集博客中上传的QQ截图文件

2014/07/18 Python

Python中类的初始化特殊方法

2017/12/01 Python

python 实现查询Neo4j多节点的多层关系

2019/12/23 Python

浅谈keras中的目标函数和优化函数MSE用法

2020/06/10 Python

python如何停止递归

2020/09/09 Python

Django Model层F，Q对象和聚合函数原理解析

2020/11/12 Python

美国购买和销售礼品卡平台：Raise

2017/01/13 全球购物

法律专业自荐信

2014/06/03 职场文书

教师工作表现自我评价

2015/03/05 职场文书

中标通知书格式

2015/04/17 职场文书

2016年优秀党务工作者先进事迹材料

2016/02/29 职场文书

2019年世界儿童日宣传标语

2019/11/22 职场文书

WIN10使用IIS部署ftp服务器详细教程

2022/08/05 Servers