我的页面中有两个选择标签。其中每一个都有几个选项。现在我只想访问第二个选择框，但由于我使用了 getElementByTagName("options")，所以它只获取第一个选项标签。我无法访问第二个选项标签。
我的代码在这里:
function myFunction() {
var x = document.getElementById("mySelect_two").selectedIndex;
alert(document.getElementsByTagName("option")[x].value);
}<!DOCTYPE html>
<html>
<body>
Select your favorite fruit:
<select id="mySelect_one">
<option value="apple">Apple</option>
<option value="orange">Orange</option>
<option value="pineapple">Pineapple</option>
<option value="banana">Banana</option>
</select>
<select id="mySelect_two">
<option value="India">India</option>
<option value="Nepal">Nepal</option>
<option value="Spain">Spain</option>
<option value="Mexico">Mexico</option>
</select>
<p>Click the button to return the value of the selected fruit.</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>最佳答案
您需要通过选择的标签名称而不是整个文档来获取元素
function myFunction()
{
var select = document.getElementById("mySelect_two");
var x = select.selectedIndex;
alert(select.getElementsByTagName("option")[x].value);
}
关于javascript - 与 getElementsByTagName 相关的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38247286/