JavaScript 运行时错误 : appendChild() - Unexpected call to method or property in IE8

Question

我收到运行时 JS 错误，例如:“意外调用方法或属性”。这是代码:

    var comboInput = document.getElementById("Combo");
    var option1 = document.createElement("option");
    option1.value = "-1";
    option1.innerHTML = "--Select--";
    comboInput.appendChild(option1); //At this line debugger breaks and
                                     // throws the above error

我在 SO 上遇到了一些关于这个问题的类似问题，但仍然没有得到解决方案。

请帮忙..感谢提示...

Answer 1

您无法将子项附加到 <input>元素。

<option>元素只能是 <select> 的子元素元素，其中 <select> elements 是 html 版本的下拉列表(或多选列表，具体取决于您赋予它的属性)。

尝试更改您的 html，使您的“Combo”元素如下所示:

<select id="Combo"></select>

然后你的代码就应该可以工作了。

请注意，您可以直接在 html 标记中设置选项，例如

<select id="Combo">
    <option value="-1">--Select--</option>
    <option value="1">Green</option>
    <option value="2">Purple</option>
</select>

(在 html 中添加选项后，您可以通过 JS 添加其他选项和/或删除选项。)