Lọc dữ liệu json và hiển thị dữ liệu trong lưới

Question

Đây là json. Im hiển thị năm và thực hiện trong một hộp chọn. Khi tôi chọn một năm và làm cho dữ liệu liên quan của nó nên lọc và hiển thị trong một grid.For ví dụ như khi tôi chọn 2010 và def các dữ liệu liên quan, 2010. def, 300 & 5000 sẽ được hiển thị trong lưới. Bất kỳ ai có thể giúp tôi làm điều này bằng cách sử dụng bất kỳ plugin jquery nào.

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", } 
]; 

Đây là mã của tôi: http://jsfiddle.net/qK2A3/2/

Answer 1

Ans để ques của tôi

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/ Đó là làm việc.

Answer 2

bạn có thể thử theo cách này.

HTML Code:

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

JAVASCRIPT Mã sản phẩm:

$('.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 
    } 
    }) 
});