如何获取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>
相关文章
这篇文章主要介绍了原生js实现动态添加新元素、删除元素方法 ,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
js 将canvas生成图片保存,或直接保存一张图片的实现方法
下面小编就为大家分享一篇js 将canvas生成图片保存,或直接保存一张图片的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了WordPress中利用AJAX技术进行评论提交的实现示例,整个处理的关键点在于文中的ajax_comment函数,需要的朋友可以参考下2016-01-01
网站一般都有访问量统计工具，比较高效实用的工具多种多样，这篇文章主要介绍了javascript精确统计网站访问量实例代码，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要为大家详细介绍了微信小程序自定义时间段picker选择器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
js canvas实现适用于移动端的百分比仪表盘dashboard
这篇文章主要为大家详细介绍了js canvas实现适用于移动端的百分比仪表盘dashboard，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
文章实现的div拖拽程序可以根据按钮来控制是要种拖拽方式与位置 ，下面希望有需要的朋友可参考2014-01-01
这篇文章主要为大家详细介绍了微信小程序实现吸顶特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱2013-08-08
这篇文章主要为大家详细介绍了javascript实现画板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
最新评论