У меня есть два раскрывающихся меню. Пользователь выбирает что-то из первого, затем параметры, отображаемые во второй, фильтруются на основе первого выбора.Отфильтрованное раскрывающееся меню с JQuery
Моя стратегия состоит в .hide() всех параметрах во втором раскрывающемся списке, если они не актуальны.
Функция, которую я написал правильно, определяет, какие элементы во втором раскрывающемся списке должны быть скрыты, и добавляет атрибут style = "display: none" к этим параметрам.
Проблема заключается в том, что второй раскрывающийся список не имеет ничего в нем после того, как вы выберете что-то из первого.
Вот и все JS. HTML-код должен быть легко выведен. Элементы во втором раскрывающемся списке отмечены именем класса, которое соответствует опции из первого списка опций.
$(document).ready(function() {
$('.part-type').change(function() {
$(this).show();
var part_type = "."+$(".part-type option:selected").text().toLowerCase();
$('.part').children().filter(":not("+part_type+")").hide();
})
});
Спасибо всем моим друзьям на SO.
Ссылка на мою работу в действии на JsFiddle ->http://jsfiddle.net/hwD8K/
хорошо играл сэр. Спасибо. Я видел вас в CUSEC в прошлом году кстати? – Bnjmn
Нет, сэр. Я хочу. :) Никогда раньше не было на каких-либо конференциях по программированию. Я рад, что это помогло! –