如何获取html下拉框里的值
时间: 2023-12-26 22:08:21 浏览: 30
要获取HTML下拉框(select)的值,可以使用JavaScript。具体步骤如下:
1. 获取下拉框元素对象:
```
var selectElement = document.getElementById("selectId");
```
这里的 "selectId" 是下拉框的 id 属性值。
2. 获取选中的选项:
```
var selectedOption = selectElement.options[selectElement.selectedIndex];
```
3. 获取选项的值:
```
var selectedValue = selectedOption.value;
```
这里的 selectedValue 就是下拉框选中的值了。
完整代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>获取下拉框的值</title>
</head>
<body>
<select id="mySelect">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
</select>
<button onclick="getValue()">Get Value</button>
<script type="text/javascript">
function getValue() {
var selectElement = document.getElementById("mySelect");
var selectedOption = selectElement.options[selectElement.selectedIndex];
var selectedValue = selectedOption.value;
alert(selectedValue);
}
</script>
</body>
</html>
```
当点击 "Get Value" 按钮时,会弹出当前选中的值。