javascript - ID不存在，虽然它存在

Question

我正在做一个类项目，我有一个 ID 为“idSelect”的下拉框。但是当我尝试将下拉框的值获取到变量中时，它说 idSelect未定义。

我尝试更改 id 的名称，但还是发生了同样的事情。如果我尝试 console.log(idSelect.value) , 它显示为我选择的任何内容，但它仍然显示一个错误 idSelect未定义。

这是在head标签和script标签中

var selectedHero = idSelect.value;

这是在正文标签中

Change your avatar:
    <select id="idSelect">
        <option>Batman</option>
        <option>Spider-Man</option>
        <option>Iron Man</option>
        <option>Superman</option>
        <option>Wolverine</option>
    </select>

变量selectedHero应该存储玩家在保管箱中选择的任何内容，例如“钢铁侠”或“超人”，但在 Inspect 元素中它只是说:

Monster Project (BLANK).html:22 Uncaught ReferenceError: idSelect is
not defined
    at file:///C:/Users/chim%20chimoi/Desktop/Ifra/APCOMSCI/Monster_Project_HOME/Monster%20Project%20(BLANK).html:22:22

这之前有效，我没有做任何更改，但是当我再次运行它时，这个错误就开始弹出。

Answer 1

您将 HTML 的 id 传递给 Javascript，而在 Javascript 中没有声明这样的变量 idSelect，例如:

var idSelect;

但即使您使用 Javascript 声明它，将 HTML 的值传递给 Javascript 的方法也不正确。

如果你想保持相同的变量名，你可以这样做:

var idSelect = document.getElementById('idSelect').value;