设置select2选项具有重复项

Question

我有两个下拉菜单。一个是类别下拉列表，另一个是select2项目下拉列表。行为应该是，如果我在第一个下拉列表中选择一个类别，则该类别下的所有项目都将显示在（select2）第二个下拉列表中。我已经可以这样做，但问题是，显示的每个项目都有重复项。我该怎么做才能防止重复？这是我的代码：

在类别下拉列表中：

$(".field8").change(function () {
var catVal = $('.field8 option:selected').text();
array_items_selected = [];
$('.field1').val("");
for (var ctr = 0; ctr < array_items.length; ctr++) 
{
    if (array_items[ctr]['objCat'] == catVal)
    {
        if (array_items[ctr]['objCat'] != "NULL")
        {
            $('.field1 option[value="'+ array_items[ctr]['objName']+'"]').prop("selected", true).trigger('change');            


        }
    }
}

设置select2下拉菜单的选项：

$.each(data, function (i, obj) {
var div_data = "<option value=\'"+ obj.Name + "\'>" + obj.Name + "</option>";
$(div_data).appendTo('.field1');
var objName = obj.Name;
var objCat = obj.Category;
array_items.push({ objCat, objName });