js 获取select 选中的内容 代码举例
时间: 2024-10-04 21:01:15 浏览: 12
在JavaScript中,获取`<select>`元素中所选选项的内容通常可以使用`.value`属性或者`.options`和`.selected`属性结合的方式来完成。这里有两个例子:
1. **如果只有一个选择框并且有`value`属性**:
```javascript
var select = document.getElementById('mySelect');
var selectedValue = select.value;
console.log(selectedValue);
```
在这个例子中,`mySelect`是`select`元素的ID。
2. **如果有多个选项,并且你想获取选定的`option`标签文本**:
```javascript
var select = document.getElementById('mySelect');
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].selected) {
var selectedOptionText = select.options[i].text;
console.log(selectedOptionText);
break; // 如果只想获取第一个选中的,可以加上这个break语句
}
}
```
这里假设每个`option`都有`text`属性(实际中可能是`innerText`或`textContent`),用于获取选项的文字内容。