javascript - 尝试更新时如何避免 HTML Select Multiple 中出现重复选项

Question

我有一个包含选项列表的 html Select Multiple 元素。尝试进行更新时，如何避免出现重复，如此捕获所示:

这里我做了一个 for 循环来从数据库获取 A 和 C 并将它们添加为选定的禁用元素，但它们也出现在选择的默认选项中。如何避免这种情况并让他们只在列表中选择一次？

select(class="form-control" id="select-license" name="license" multiple
              data-plugin="select2"  style="width: 100%")
                -for(var i = 0; i < requirements.license.length; i++)
                  <option value"#{requirements.license[i]}" selected disabled>#{requirements.license[i]}</option>
                <option value="Indifférent">Indifférent</option>
                <option value="A"> A</option>
                <option value="B"> B</option>
                <option value="C"> C</option>
                <option value="D"> D</option>
                <option value="E"> E</option>

此代码位于 Jade/Pug 中。如果你们中有人能帮助我解决这个问题，我将不胜感激。

Answer 1

您可以使possible_options变量由A、B、C、D和E组成。并创建函数inrequirements()。

             select(class="form-control" id="select-license" name="license" multiple
              data-plugin="select2"  style="width: 100%")
                -for(var i = 0; i < possible_options.length; i++)
                   -if(inrequirements(i))
                    <option value"#{possible_options[i]}" selected disabled>#{possible_options[i]}</option>
                   -else
                    <option value"#{possible_options[i]}">#{possible_options[i]}</option>