【问题标题】:Code works fine in JSFiddle but not in my browser代码在 JSFiddle 中运行良好,但在我的浏览器中运行良好
【发布时间】:2015-10-15 05:50:47
【问题描述】:

我正在研究用于排名的多个下拉菜单。我从 stackoverflow 中找到了这段优秀的代码:

How to prevent duplicate values in multiple dropdowns using jQuery

它在 JSFiddle 上运行良好,但我似乎无法让代码在我的 Chrome 或 IE 浏览器中脱机工作。有人可以帮忙吗?

<script type="text/javascript">
    $(document).ready(function() {
        $(".go").change(function() {
            var selVal = [];
            $(".go").each(function() {
                selVal.push(this.value);
            });

            $(this).siblings(".go").find("option").removeAttr("disabled").filter(function() {
                var a = $(this).parent("select").val();
                return (($.inArray(this.value, selVal) > -1) && (this.value != a))
            }).attr("disabled", "disabled");
        });
        $(".go").eq(0).trigger('change');
    });
</script>

【问题讨论】:

  • 您好,是的,在我所有的登录页面上,我都有一个
  • “不起作用”到底是什么意思?它有什么作用吗?您是否在控制台中收到任何错误消息?您的 HTML 代码是否符合 JS 代码的预期?您的页面上是否还有其他可能影响它的内容?
  • 您可以将链接添加到公共域上托管的现场演示吗?

标签: javascript jquery dropdown


【解决方案1】:

这取决于“不起作用”对您意味着什么。 :) 你能在控制台上看到任何错误吗?你能看到所有 5 个选择吗?您是否正确复制了代码? JSFiddle 代码非常适合我使用 2.1.4 jQuery。

【讨论】:

  • 对不起,我应该更具体。当我在 Chrome 和 IE 中通过在第一个下拉列表中选择选项 #1 来对其进行离线测试时,该选项在其他下拉列表中不会灰显/禁用。
猜你喜欢
  • 2019-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-18
  • 2017-06-16
相关资源
最近更新 更多