使用 document.getElementsByName 获取下拉框选中的值
时间: 2024-04-14 18:29:18 浏览: 233
document.getElementsByName()的用法
如果您想使用 JavaScript 的 `document.getElementsByName` 方法获取下拉框选中的值,您可以尝试以下代码:
```javascript
// 通过名称获取下拉框元素
var dropdownElements = document.getElementsByName("dropdown");
// 遍历元素列表
for (var i = 0; i < dropdownElements.length; i++) {
var dropdownElement = dropdownElements[i];
// 检查下拉框是否被选中
if (dropdownElement.selected) {
// 获取选中的值
var selectedValue = dropdownElement.value;
console.log("当前选中的值为:" + selectedValue);
}
}
```
上述代码中,我们首先使用 `getElementsByName` 方法通过名称获取下拉框元素。这个方法返回一个元素列表,因为可能存在多个同名的下拉框。
然后,我们遍历元素列表,并检查每个下拉框元素的 `selected` 属性是否为 `true`,以判断是否被选中。如果被选中,我们可以使用 `value` 属性获取选中的值。
最后,我们使用 `console.log` 输出当前选中的值。
请注意,这段代码在浏览器的开发者工具中执行,而不是在 Java 或其他编程语言中执行。
阅读全文