javascript - 基本 JS - innerHTML 仅内联工作

Question

我是 JavaScript 新手，我已经在这个网站和其他网站上搜索了几个小时来寻找解决方案，但无法让它发挥作用。我可能在这里犯了一个基本错误。

如果我像这样内联调用innerHTML，它会完美地工作:

<select id="myselect" onchange="this.innerHTML = '<option value="1">1</option><option value="100">100</option>'"></select>

但是如果我尝试从外部 JavaScript 文件或 HEAD 调用它，它就不起作用:

<script type="text/javascript">
function addSomeOptions(obj) {
    obj.innerHTML = '<option value="1">1</option><option value="100">100</option>'
}
</script>

<select id="myselect" onchange="addSomeOptions(this)"></select>

我真的很想在外部文件中添加 JavaScript，而不是内联文件，因为可能有数百个选项。我还意识到有 JS 函数用于添加选项标签，但由于选项的生成方式，我认为在这种情况下最好使用 innerHTML 函数。

Answer 1

您可以在 html 页面中尝试以下代码，

    <script type="text/javascript">
    function addSomeOptions(obj) {
        obj.innerHTML = '<option value="1">1</option><option value="100">100</option>'
    }
    </script>
    <select id="myselect" onchange="addSomeOptions(this)">
          <option>TestFirstValue</option>
          <option>TestSecondValue</option>
    </select>