最近の質問: jQuery 選択メニューで同じ ID の兄弟を表示し、他の兄弟を非表示にする
選択メニューオプションの値を使用してリスト項目を表示/非表示にできるようにしました: http://jsfiddle.net/Z3Qgz/
2 番目の選択メニューを追加する場合、表示されるリスト項目が両方のメニューで選択された値を表すように、2 つの選択メニューをリンクするにはどうすればよいですか?
$(function() {
var $li = $('.levelThree').find('li')
$("#orientation").change(function() {
if (this.value == 'all') {
$li.show();
}
else {
$li.hide().filter("." + this.value).show();
}
}).change();
});
$(function() {
var $li = $('.levelThree').find('li')
$("#colours").change(function() {
if (this.value == 'all') {
$li.show();
}
else {
$li.hide().filter("." + this.value).show();
}
}).change();
});
たとえば、「Landscape」と「CMYK」を選択すると、クラスが「Landscape CMYK」のリスト項目のみが表示されます。