Question

我有一个简单的HTML下拉表单，可用作简单的导航菜单。加载到表单中的菜单项不会出现在Firefox中。我很难过。有什么想法吗？

这是表单的HTML：

<form id="list">
    <select name="navigation">
        <option value="index.html">Projects</option>
        <option value="#">&nbsp;</option>
    </select>
</form>

这是JS（位于另一个文件中）：

var navigation = [
    {"title": "1", url: "1.html"},
    {"title": "2", url: "2.html"},
    {"title": "3", url: "3.html"},
];

var select = document.getElementById("list").navigation;

for (var i=0, option; i<navigation.length; i++) {
    option = document.createElement("option");
    option.value = navigation[i].url;
    option.innerText = navigation[i].title;
    select.appendChild(option);
}

select.addEventListener("change", function(event) {
    window.location.href = select.value;
});

Answer 1

您应该使用textContent属性。

Answer 2

您应该使用innerHTML而不是innerText

HTML下拉表格在JS中添加选项：在Firefox中不起作用

2 个答案: