如何获取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 相关文章推荐
jquery 隐藏与显示tr标签示例代码
Jun 06 Javascript
JavaScript引用类型和基本类型详解
Jan 06 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
Javascript类型系统之undefined和null浅析
Jul 13 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 Javascript
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 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
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
PHP mkdir()定义和用法
2009/01/14 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
2013/03/31 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
vue-cli和v-charts实现可视化图表过程解析
2019/10/08 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
解决ele ui 表格表头太长问题的实现
2019/11/13 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
django1.8使用表单上传文件的实现方法
2016/11/04 Python
python和flask中返回JSON数据的方法
2018/03/26 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
澳大利亚顶级美发和美容贸易超市:glamaCo
2020/01/19 全球购物
计算机专业学生求职信分享
2013/12/15 职场文书
儿媳婚宴答谢词
2014/01/14 职场文书
文明倡议书范文
2014/04/15 职场文书
关于青春的演讲稿
2014/05/05 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
入股协议书范本
2014/11/01 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
小学副班长竞选稿
2015/11/21 职场文书
听课评课活动心得体会
2016/01/15 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL