如何从select2中的下拉列表中删除重复选项

Question

大家好我正在使用来自multiselect drop的select2插件，我通过模型绑定值，但我在下拉列表中获得重复值。我需要从下拉列表中删除那些重复项。

这是我的下拉列表：

    <div class="col-lg-3 col-sm-6">
    <div class="form-group">
       <select name="WhoAmIs" id="WhoAmIs" ng-model="data.WhoAmIs" class="form-control whoAmIDuplicates" multiple>
          @foreach (var whoamiall in Model.WhoAmI)
           {
             foreach (var whoami in whoamiall.WhoAmIAll)
             {
               <option value="@whoami.Name">@whoami.Name</option>
             }
           }
        </select>
    </div>
</div>

这是我的jquery：

jQuery("#WhoAmIs").select2({
                maximumSelectionLength: 3,
                placeholder: jsResources.BusinessDirectory.SelectGroups+' '+ '('+jsResources.BusinessDirectory.Limit+'  '+'3)',
                allowClear: true
            });

我试过这个删除多个值，但在代码中注释我的jquery

$(".whoAmIDuplicates option").val(function(idx, val) {
              //alert("hi" +" "+ val);
                $(this).siblings("[value='"+ val +"']").remove();
            });

Answer 1

也许这样：

foreach (var whoami in whoamiall.WhoAmIAll.Select(x => x.Name).Distinct())
{
    <option value="@whoami.Name">@whoami.Name</option>
}