我有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