Question

EDITED 大家好，我是javascript的新手，我需要你的帮助来解决我的问题。我使用这个javascript进行多级下拉。现在如果我将它用于两个或更多下拉列表，那么第二个下拉列表将遵循第一个下拉序列选择。

问题是，每个多级下拉列表应该是不同的。目前下拉A：第一级：第一级第二级：第一个选项内容下拉列表

下拉B：第一级：第二级第二级：第一个选项选项内容下拉列表

应该是，

下拉A：第一级：第一级第二级：第一个选项内容下拉列表

下拉B：第一级：第二级第二级：第二个选项内容下拉列表

这是我的javascript代码：

$(document).ready(function() {
  $('#multi-dropdown').bind('change', function() {
    var elements = $('div.container').children().hide(); // hide all the elements
    var value = $(this).val();

    if (value.length) { // if somethings' selected
      elements.filter('.' + value).show(); // show the ones we want
    }
  }).trigger('change');

  $('.second-level-select').bind('change', function() {
    var elements = $('div.second-level-container').children().hide(); // hide all the elements
    var value = $(this).val();

    if (value.length) { // if somethings' selected
      elements.filter('.' + value).show(); // show the ones we want
    }
  }).trigger('change');
});

你可以在这里找到它： https://jsfiddle.net/aew2960d/

Answer 1

您不能拥有多个ID重复的元素。在您的情况下，两个下拉列表的ID都为multi-dropdown（参考JSFiddle链接）。您只需更改第二个下拉列表的ID并将相应的事件绑定到它。

多下拉列表javascript只能工作一次

1 个答案: