JS 获取当前select 选中的文本
时间: 2024-10-12 22:09:53 浏览: 44
jQuery实现select下拉框获取当前选中文本、值、索引
5星 · 资源好评率100%
在JavaScript中,获取`<select>`元素中当前选中的文本,你可以使用`document.getElementById()`或`document.querySelector()`来获取选择框元素,然后通过`value`属性获取选中的选项值,如果需要获取文本内容,则可以配合`innerText`或`textContent`属性。这里有一个简单的示例:
```javascript
// 获取select元素
var selectElement = document.getElementById('yourSelectId') || document.querySelector('#yourSelectId');
// 检查元素是否存在
if (selectElement) {
// 获取选中的option元素
var selectedOption = selectElement.options[selectElement.selectedIndex];
// 如果有选中的选项,获取其文本内容
if (selectedOption) {
var selectedText = selectedOption.text; // 使用text属性
// 或者
var selectedText = selectedOption.textContent; // 使用textContent属性
console.log(selectedText);
} else {
console.log("无选中项");
}
}
```
请将`'yourSelectId'`替换为你实际的选择框ID。
阅读全文