Question

我有这个HTML

<select id="tempSelect" >
    <option value="F">Fahrenheit</option>
    <option value="C">Celsius</option>
</select>

我想使用标记名称不是ID 来获取所选的选项值。我尝试使用document.getElementById（）它工作正常，但我想通过标签名称来做。我搜索了很多但到目前为止找不到解决方案。

这是我的Java脚本代码

var parent = document.getElementsByTagName('select'); var tempUnit = parent.options[parent.selectedIndex].value;

Answer 1

document.getElementsByTagName()返回HTMLCollection（这是一种数组），因此它具有options属性。您可以使用索引来访问列表中的项目。

var parent = document.getElementsByTagName('select')[0];
var tempUnit = parent.options[parent.selectedIndex].value;

document.querySelector('#result').innerHTML = tempUnit

<select id="tempSelect" >
    <option value="F">Fahrenheit</option>
    <option value="C" selected>Celsius</option>
</select>
<div id="result"></div>

在JavaScript中使用标记名称获取选项值

1 个答案: