Question

我实现了一个下拉列表，其中列表来自JSON文件，但JSON具有重复值。如何在该下拉列表中获取唯一值？这是我的代码：

$(document).ready(function() {
    $.getJSON("data.json",function(obj) {
        $.each(obj, function(key, value){
            $("#dropdown1").append("<option value=" + key + ">" + value.name  + "</option>");
        });
    });
});

我的JSON文件如下所示：

[{
    "name": "abc1",
    "date": 1459461600000
}, {
    "name": "abc1",
    "date": 1459461600000
}, {
    "name": "abc1",
    "date": 1459461600000
}, {
    "name": "syn2",
    "date": 1459461600000
}, {
    "name": "syn2",
    "date": 1458834026000
}];

在第一个下拉列表中，我现在得到5个值，abc1 3次，syn2 2次。我想同时获得abc1和syn2两次。请帮忙！

Answer 1

您必须检查重复的obj值，然后附加到选择选项，如下所示：

 $(document).ready(function() {
   $.getJSON("data.json",function(obj) {
   var duplicate= [];
   $.each(obj, function(key, value) {
     if (duplicate.indexOf(value.name) == -1) {
      $("#dropdown1").append("<option value=" + key + ">" + value.name + "</option>");
      duplicate.push(value.name);
      }
    });
  });
});

如何在下拉列表中获得不同的值

1 个答案: