如何获取select下拉框的值(option没有及有value属性)


Posted in Javascript onNovember 08, 2013

如何获取select下拉框的值:
1.下拉框的option没有value属性时

<select id="param1"> 
<option>学号</option> 
<option>姓名</option> 
<option>年龄</option> 
</seclect> 
<script> 
window.onload = funciton(){ 
var param = document.getElementById("param1"); 
param.onchange = getParam(){ 
var text = param.value; 
} 
} 
</script>

2.下拉框的option有value属性时
<select id="param1"> 
<option>学号</option> 
<option>姓名</option> 
<option>年龄</option> 
</seclect> 
<script> 
window.onload = funciton(){ 
var param = document.getElementById("param1"); 
param.onchange = getParam(){ 
var selectIndex = param.selectIndex; //获得被选项的引索号 
var text = param.options[selectIndex].text; 
</script>
Javascript 相关文章推荐
TreeView 用法(有代码)(asp.net)
Jul 15 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
浅谈js中的闭包
Mar 16 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
javascript DIV实现跟随鼠标移动
Mar 19 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
uni-app实现获取验证码倒计时功能
Nov 01 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
jquery ajax修改全局变量示例代码
Nov 08 #Javascript
IE8下String的Trim()方法失效的解决方法
Nov 08 #Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 #Javascript
jquery滚动条插件jScrollPane的使用介绍
Nov 08 #Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 #Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 #Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 #Javascript
You might like
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
来自phpguru得Php Cache类源码
2010/04/15 PHP
PHP 命名空间实例说明
2011/01/27 PHP
php 发送带附件邮件示例
2014/01/23 PHP
Laravel下生成验证码的类
2017/11/15 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
DWZ table的原生分页浅谈
2013/03/01 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
原生javaScript实现图片延时加载的方法
2014/12/22 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
2015/08/24 Javascript
jQuery采用连缀写法实现的折叠菜单效果
2015/09/18 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
python判断数字是否是超级素数幂
2018/09/27 Python
带你认识Django
2019/01/15 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
财务会计实习报告体会
2013/12/20 职场文书
党员三严三实心得体会
2014/10/13 职场文书
清明节寄语2015
2015/03/23 职场文书
办公室卫生管理制度
2015/08/04 职场文书
资深HR教你写好简历中的自我评价
2019/05/07 职场文书
Java设计模式之代理模式
2022/04/22 Java/Android
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang