js获取select选择的值
时间: 2023-09-10 12:10:48 浏览: 151
可以使用JavaScript中的`selectedIndex`和`options`属性来获取select选择的值。具体代码如下:
```javascript
// 获取select元素
var selectElement = document.getElementById("selectId");
// 获取选择的索引
var selectedIndex = selectElement.selectedIndex;
// 获取选中的option元素
var selectedOption = selectElement.options[selectedIndex];
// 获取选中的值
var selectedValue = selectedOption.value;
```
其中,`selectId`是select元素的id属性值,`selectedValue`是选中的值。
相关问题
js动态获取select选择的值
你可以使用JavaScript来动态获取select选择的值,具体方法如下:
1. 获取select元素:
```javascript
var select = document.getElementById("selectId");
```
2. 获取选中的option元素:
```javascript
var selectedOption = select.options[select.selectedIndex];
```
3. 获取选中的option的值:
```javascript
var selectedValue = selectedOption.value;
```
完整代码示例:
```html
<select id="selectId">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
<script>
var select = document.getElementById("selectId");
var selectedOption = select.options[select.selectedIndex];
var selectedValue = selectedOption.value;
console.log(selectedValue);
</script>
```
运行代码后,在控制台中会输出当前选中的option的值。
js实时获取select选择的值
你可以使用以下代码来获取 select 元素当前选中的值:
```javascript
var selectElement = document.getElementById('mySelect');
var selectedValue = selectElement.value;
```
其中,`mySelect` 是 select 元素的 ID。`selectedValue` 就是目前选择的值。你可以根据需要将其用于其他地方。
阅读全文