如何获取select下拉框的值(option没有及有value属性)
更新时间：2013年11月08日 17:27:53 作者：
获取select下拉框的值分为option没有value属性及有value属性时的两种情况，下面分别给出具体的实现代码，需要的朋友可以参考下
如何获取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>
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>
相关文章
如何判断图片地址是否失效...2007-02-02
这篇文章主要为大家详细介绍了微信小程序实现树莓派（raspberry pi）小车控制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要为大家介绍了JS前端攻坚Eventbus实现更新示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
javascript函数报Uncaught ReferenceError: XXX is not define
本文主要介绍了javascript函数报Uncaught ReferenceError: XXX is not defined，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
对于学前端的小伙伴来说，吸引你们入坑的大都是一些炫酷的页面。本文将用JavaScript编写一个酷炫的3D图片演示效果，感兴趣的可以了解一下2022-03-03
今天小编就为大家分享一篇关于layui flow loading占位图的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了原生js实现弹窗拖拽代码demo，以及在实现js弹窗拖拽效果需要注意的事项，感兴趣的小伙伴们可以参考一下2016-06-06
身份证号码验证-支持新的带x身份证2008-08-08
这篇文章主要为大家详细介绍了JS实现省市县三级下拉联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
这篇文章主要给大家介绍了关于ES6入门教程之let、const使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用ES6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
最新评论