мулти падащото меню javascript работи само веднъж - javascript, jquery, html, css, twitter-bootstrap

Редактирано Здравейте момчета, аз съм напълно нов за javascriptи имам нужда от вашата помощ, за да разреша проблема си. Използвам този javascript за мулти-ниво dropdown.Right сега, ако го използвам за две или повече падащи, второто падащо меню ще следва първата падаща последователност на селекцията.

Проблемът е, че всяко падащо падащо меню трябва да е различно. Понастоящем Падащо А: 1во ниво: първа опция 2-ро ниво: първото падащо падащо меню

Падащо Б: 1во ниво: втори вариант 2-ро ниво: първото опционално падащо меню опция

Трябва да бъде,

Падащо А: 1во ниво: първа опция 2-ро ниво: първото падащо падащо меню

Падащо Б: 1во ниво: втори вариант 2-ро ниво: падащото падане на втория вариант

Тук е моят код на 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/

Отговори:

Не можете да имате няколко елемента с дублиращи се идентификатори. В твоя случай и двете падащи папки имат идентификатор на multi-dropdown (отнася се за JSFiddle връзка). Просто трябва да промените ID на второто падащо меню и да свържете съответното събитие с него.