从 select2 列表中删除旧的选定值

Question

我有一个选择，其中一个选项被禁用（当用户单击表单的另一个字段时，它会动态禁用/启用，使用 jquery 添加“禁用”属性）：

<select style="width:50%;" name="custom">
<option value="0" disabled>ND</option>
<option value="1">Alex Burn</option>
<option value="2">Tom Johnes</option>
<option value="3">Serhio Aguero</option>
<option value="4">Eugeny Petrosyan</option>
<option value="5">Mark Twen</option>
<option value="6">Jack Sparrow</option>
<option value="7">Luci Night</option>
<option value="8">Silvia Rodger</option>
<option value="9">Marko Roys</option>
<option value="10">Voldemar Fermer</option>
</select>

出于某种原因，我必须将此选择的第一个选项设为选中，并且我无法修改这部分代码：

$("[name='custom']").select2();
$("[name='custom']").val($("[name='custom'] option:first").val());
$("[name='custom']").select2("val", $("[name='custom'] option:first").val());

我不想在我的 select2 列表中看到禁用的选项，我使用了一些 css 来隐藏它：

.select2-results__option[aria-disabled="true"] {
        display: none;
    }

它从 select2 列表中隐藏，但...仍显示为选定值。如何避免将其也显示为选定值？

这是一个小提琴https://jsfiddle.net/y1tsh8ka/4/

Answer 1

试试这个

$("[name='custom']").select2();
$("[name='custom']").val($("[name='custom'] option:first").val());
$("[name='custom']").select2("val", $("[name='custom'] option:not([disabled]):first").val());

不是选择第一个值，而是选择第一个未被禁用的值