编程 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 读取元素的CSS信息的代码

Feb 07 Javascript

jquery easyui的tabs使用时的问题

Mar 23 Javascript

js function定义函数使用心得

Apr 15 Javascript

HTML5附件拖拽上传drop & google.gears实现代码

Apr 28 Javascript

通过正则格式化url查询字符串实现代码

Dec 28 Javascript

JavaScript编写的网页小游戏，很给力

Aug 18 Javascript

vue2.0 自定义组件的方法（vue组件的封装）

Jun 05 Javascript

JS通过位运算实现权限加解密

Aug 14 Javascript

React注册倒计时功能的实现

Sep 06 Javascript

JavaScript事件对象深入详解

Dec 30 Javascript

ES6 Generator函数的应用实例分析

Jun 26 Javascript

Javascript执行上下文顺序的深入讲解

Nov 04 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