如何获得select下拉框的值（含和不含value属性的情况）
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文详细介绍了在网页中获取Select下拉菜单选项值的方法，包括当选项含有Value属性以及不包含Value属性时的不同处理方式。适合前端开发人员参考学习。
如何获取select下拉框的值：
1. 当option标签内没有value属性时：
代码如下:
```html
function getParam() {
var param = document.getElementById(param1);
param.onchange = function(){
var text = param.value;
console.log(text);
}
}
```
这段代码通过`getElementById()`方法获取到元素，然后给该元素的`onchange`事件绑定一个函数，在这个函数中可以拿到当前选中的option标签的内容。
2. 当下拉框的option有value属性时：
```html
function getParam() {
var param = document.getElementById(param1);
param.onchange = function(){
var text = param.value;
console.log(text);
}
}
```
这个例子中，每个选项都有一个value属性。当用户选择某个值时，`onchange`事件触发并获取到该option的value属性作为参数值。
注意：在上述示例中，函数getParam应该被正确地绑定给select元素的onchange事件，并且需要调用console.log来输出所选内容。
全部评论 (0)
