删除重复 Jquery 代码不适用于我的 MVC 表单上的所有下拉菜单

Question

我正在使用在 Stakeoverflow 上找到的 jquery 代码来删除下拉列表中的重复值。我的问题是 jquery 代码适用于第一个下拉菜单，但不适用于第二个下拉菜单，欢迎任何帮助

第一个下拉菜单

<select id="AssetStoredWhere" name="AssetStoredWhere" class="form-control js-example-disabled-results 
     select">
   <option value="@ViewBag.AssetStoredWhere">@ViewBag.AssetStoredWhere</option>
   <option value="UK">UK</option>
   <option value="EU">EU</option>
   <option value="Worldwide">Worldwide</option>

</select>

2bd 下拉菜单

<select asp-for="Dpiaavailable" id="Dpiaavailable" name="Dpiaavailable" class="form-control js- 
   example-disabled-results select">
   <option value="@ViewBag.Dpiaavailable">@ViewBag.DpiaavailableValue</option>
   <option value="False">No</option>
   <option value="True">Yes</option>
</select>

jQuery 代码

var seen = {};
jQuery('.select').children().each(function () {
    var txt = jQuery(this).attr('value');
    if (seen[txt]) {
        jQuery(this).remove();
    } else {
        seen[txt] = true;
    }
});

Answer 1

您需要另一个循环来遍历 select 元素本身，而不是遍历每个 select 的 option 元素。试试这个：

$('.select').each(function() {
  var seen = {};
  $(this).children().each(function() {
    var $option = $(this);
    if (seen[$option.val()]) {
      $option.remove();
    } else {
      seen[$option.val()] = true;
    }
  });
});