个人中心
gpt4 book ai didi

Javascript "selectElement.add(option, index)"在 Firefox 中工作，但在 Chrome 中工作

转载 作者：行者123 更新时间：2023-11-28 01:46:23 25 4
gpt4 key购买 nike

这是相关的 HTML:

<html>
<body>
...
    <select id="class" name="class">
        <option value=0>Select a Class</option>
        <option>IGME-101-##</option>
        <option>IGME-102-##</option>
        <option>IGME-105-##</option>
        <option>IGME-106-##</option>
        <option>IGME-119-##</option>
        <option>IGME-202-##</option>
        <option>IGME-209-##</option>
        <option>IGME-219-##</option>
        <option>IGME-220-##</option>
        <option>IGME-230-##</option>
        <option>IGME-309-##</option>
        <option>IGME-320-##</option>
        <option>IGME-330-##</option>
        <option>IGME-450-##</option>
        <option>IGME-470-##</option>
        <option>IGME-499-##</option>
        <option>IGME-529-##</option>
        <option>IGME-540-##</option>
        <option>IGME-550-##</option>
        <option>IGME-560-##</option>
        <option>IGME-571-##</option>
        <option>IGME-580-##</option>
        <option>IGME-581-##</option>
        <option>IGME-582-##</option>
        <option>IGME-588-##</option>
        <option>IGME-590-##</option>
        <option>IGME-599-##</option>
        <option>IGME-609-##</option>
        <option>IGME-671-##</option>
        <option>IGME-680-##</option>
        <option>IGME-740-##</option>
        <option>IGME-760-##</option>
        <option>IGME-789-##</option>
        <option>IGME-795-##</option>
        <option>IGME-796-##</option>
        <option>IGME-797-##</option>
        <option>IGME-799-##</option>
        <option>IGME-900-##</option>
        <option>IGME-901-##</option>   
    </select>
...
    <input id="ukClass" name="ukClass" type="checkbox" onclick="setClassUnknown()"/>
</body>
</html>

以及相关的 Javascript:

function setClassUnknown() {
        var select = document.getElementById("class");
        if(document.getElementById("ukClass").checked) {
            var opt = document.createElement("option");
            opt.text = "0000-000-00";
            opt.value = "0000-000-00";
            select.add(opt,1);
            select.selectedIndex = 1;
            select.disabled = true;
        }
        else {
            if(select.options[1].value == "0000-000-00") {
                select.remove(1);
            }
            select.selectedIndex = 0;
            if(select.disabled) {
                select.disabled = false;
            }
        }
    }

我已经调试了一段时间了。它在 Firefox 中运行良好。

我想做的是在选中复选框时向此选择菜单动态添加选项标签(在列表中的特定位置:1)，并在取消选中复选框时删除该选项。使用 console.log 我可以看到 Chrome 根据需要创建了新的选项标签，但无法将其添加到选择菜单中。

知道为什么这适用于 Firefox 但不适用于 Chrome 吗？

最佳答案

似乎 firefox 有两种选择:

常规

void add(
  in nsIDOMHTMLElement element,
  in nsIDOMHTMLElement before //Optional from Gecko 7.0
);

这是 HTML5 的

void add(
  in HTMLElement element,
  in long before //Optional from Gecko 7.0
);

但是 Chrome 只实现了第一个，正如其中一条评论所指出的那样。如果您传递一个数字作为第二个参数，Chrome 会忽略它并将新元素附加到列表的末尾，因此您的代码无法在第一个位置找到它。

您可以修复它，使 FF 添加到最后一个位置(但随后您必须检查必须选择多少个选项)或更改第二个参数，传递当前的第一个参数。

关于Javascript "selectElement.add(option, index)"在 Firefox 中工作，但在 Chrome 中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22459408/

25 4 0
文章推荐： c++ - 为什么 C++ 构造函数接受不正确的类型作为参数？
文章推荐： c++ - 如何在 C++ 的单元格中读取带有换行符和逗号字符的 CSV 文件
文章推荐： c# - :disabled attribute on my button does not seem to work
文章推荐： c++ - 重置类(class)成员
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com