javascript - Jquery 删除多个选择选项上的重复项，同时保留 "selected"属性

Question

如何在保留“选定”属性的同时删除多个选择选项上的重复项。

我的代码中有以下内容

<select class="colab-select" name="colab[]" multiple>
    <option value="1" selected>Dexter</option>
    <option value="2" selected>James</option>
    <option value="3">Mary</option>
    <option value="1">Dexter</option>
    <option value="2">James</option>
    <option value="3">Mary</option>
</select>

我在 jquery 中有这些用于删除重复项，但是当它删除重复项时，它会“取消选择”James，但 Dexter 仍会被选中。

var a = new Array();
$(".colab-select").children("option").each(function(x){
    test = false;
    b = a[x] = $(this).val();
    for (i=0;i<a.length-1;i++){
        if (b ==a[i]) test =true;
    }
    if (test) $(this).remove();
});

知道为什么会发生这种情况吗？

Answer 1

此示例删除选择输入中的重复数据选项:

 $(".colab-select option").each(function (idx, val) {
       $(this).siblings("[value='" + $(this).val() + "']").remove();
  });