如何在jquery中从数组中获取并呈现与所选值相关的数据？

// 假设有一个包含数据的数组
var data = [
  { name: "Apple", category: "Fruit" },
  { name: "Banana", category: "Fruit" },
  { name: "Carrot", category: "Vegetable" },
  { name: "Tomato", category: "Vegetable" }
];

// 当选择了某个值时，获取相关数据并呈现在页面上
$("#select").change(function() {
  var selectedValue = $(this).val();

  // 使用$.grep()函数过滤数组
  var filteredData = $.grep(data, function(item) {
    return item.category === selectedValue;
  });

  // 清空之前的数据
  $("#result").empty();

  // 遍历过滤后的数据并呈现在页面上
  $.each(filteredData, function(index, item) {
    $("#result").append("<li>" + item.name + "</li>");
  });
});