如何获取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 相关文章推荐
javascript window对象属性整理
Oct 24 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
基于node实现websocket协议
Apr 25 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
AngularJS基础 ng-mousemove 指令简单示例
Aug 02 Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
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
PHP设计模式 注册表模式
2012/02/05 PHP
md5 16位二进制与32位字符串相互转换示例
2013/12/30 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
使用PHP similar text计算两个字符串相似度
2015/11/06 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
详解网站中图片日常使用以及优化手法
2017/01/09 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
python字典操作实例详解
2017/11/16 Python
python操作mysql代码总结
2018/06/01 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
Python实现FM算法解析
2019/06/18 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
python实现图片插入文字
2019/11/26 Python
python队列原理及实现方法示例
2019/11/27 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
计算机专业自我鉴定
2013/10/15 职场文书
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
求职自荐书范文
2013/12/04 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
招股说明书范本
2014/05/06 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
学校教代会开幕词
2016/03/04 职场文书
SpringBoot项目部署到阿里云服务器的实现步骤
2022/06/28 Java/Android