過濾json數據並在網格中顯示數據

Question

這裏是json。我顯示年，並在選擇框中。當我選擇一年，並使其相關數據應篩選和顯示在一個網格。例如，當我選擇2010年和def相關數據，即2010年。 def，300 & 5000應顯示在網格中。任何人都可以使用任何jQuery插件來幫助我做到這一點。

var data = [ 
    { Year: "2011", Make: "abc", Model: "100", SubModel: "5000", }, 
    { Year: "2011", Make: "abc", Model: "200", SubModel: "6000", }, 
    { Year: "2010", Make: "def", Model: "300", SubModel: "5000", }, 
    { Year: "2011", Make: "def", Model: "100", SubModel: "1000", } 
]; 

這裏是我的代碼：http://jsfiddle.net/qK2A3/2/

Answer 1

答API參考我的疑問句

function getRelated() { 
     $.each(g_Vehicle, function (index) { 
      var sMake = g_Vehicle[index].Make; 
      if (g_Vehicle[index].Make == $('#DropDown_Make').val() && g_Vehicle[index].Year == $('#DropDown_Year').val()) { 
       $(".ModelClass").html(g_Vehicle[index].Model); 
       $(".SubModelClass").html(g_Vehicle[index].SubModel); 
      } 
     }); 
    }; 

DEMO：http://jsfiddle.net/ybT7a/ 它的工作。

Answer 2

你可以用這種方式嘗試。

HTML代碼：

<select class="target"> 
    <option value="2010" >2010</option> 
    <option value="2011">2011</option> 
</select> 

JavaScript代碼：

$('.target').change(function() { 
    var selected_value = $(this).val(); 
    jQuery.each(data[0] ,function(key,val){ 
    if(val.Year == selected_value){ 
     //code to add to grid go here 
    } 
    }) 
});