使用jquery使用選擇框選項值過濾json

Question

如何根據年份過濾“Make”值。 例如：當我選擇“年”作為“2012”時的相關數據即; 只有“def”應顯示在下拉框中。 另一個問題是，當我選擇下一個值時，表中的先前數據再次顯示。 請參閱演示以獲得更好的理解。

我試過這個。

$.each(g_Vehicle, function(index) {
 var sMake = g_Vehicle[index].Make;
  if($('#DropDown_Year').val())=='2011'){  /* for testing purpose i give year as 2011*/
   if ($.inArray(sMake, g_MakesArray) == -1) {
    g_MakesArray.push(sMake);
        } 
 }
});

DEMO

Answer 1

要過濾集合/數組，請使用$ .grep，了解更多相關信息，請參閱jqfaq.com文章，這將詳細解釋。

Answer 2

function filter() {
    switch($(this).text()) {
    case "2012":
        //filter logic
        $("#dropdown2").html("<select>....</select><select>...</select>");
        break;
    ....
    }
}

$("#dropdown").change(filter);

您可以在開始時將第二個投遞箱設為空，並在某人選擇年份后使用適當的選擇填充它。

Answer 3

我會用grep來做這個

例如

var newArray = jQuery.grep(g_Vehicle , function(element, index){
  return element.Make == "abc" ; 
});