我有2个下拉菜单。用户从第一个选择中选择一些,然后基于第一个选择过滤在第二个中显示的选项。使用JQuery过滤掉的下拉菜单
我的策略是在第二个下拉菜单中隐藏()所有选项,如果它们不相关。
我写的函数可以正确识别第二个下拉列表中的哪些项目应该隐藏,并将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 2012-01-31 06:09:36
不,先生。我希望。 :)之前从未参加过任何编程会议。我很高兴这有助于! – 2012-01-31 15:14:10