JS select 选中值
时间: 2024-10-12 22:09:25 浏览: 20
jQuery 获取select选中值及清除选中状态
在JavaScript中,`<select>` 元素通常用于创建下拉列表,允许用户从预定义选项中选择一个。当你想要获取或设置当前选中的值时,可以使用以下几种方法:
1. **通过索引获取值**:
```javascript
var selectedOption = document.getElementById('yourSelectId').options[document.getElementById('yourSelectId').selectedIndex];
console.log(selectedOption.value); // 获取选中项的值
```
2. **通过选项元素获取值**:
如果你知道某个特定的选项标签,你可以通过`.value`属性获取它的值:
```javascript
var optionValue = document.querySelector('#yourSelectId option[selected]').value;
```
3. **修改选中值**:
要改变下拉框的选中项,可以先找到要选中的 `<option>`,然后设置 `selected` 属性:
```javascript
var newOption = document.getElementById('newOptionId');
newOption.selected = true; // 或 newOption.setAttribute('selected', 'selected');
```
阅读全文