尝试进行更新时如何避免 HTML Select 多个选项重复

Question

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

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

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>

尝试进行更新时如何避免 HTML Select 多个选项重复

How to avoid having duplicate Option in HTML Select Multiple when trying to do an update

javascript

jquery

html-select

multiple-select

jquery-select2