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

230 阅读 0 评论 152 点赞

我是靠谱客的博主机灵绿茶，这篇文章主要介绍如何获取select下拉框的值(option没有及有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> 