Comment éviter d'avoir des doublons Option en HTML Sélectionnez Multiple lorsque vous essayez de faire une mise à jour

Question

J'ai un html Sélectionnez l'élément Multiple contenant une liste d'options. Lorsque vous essayez de faire une mise à jour, comment éviter les doublons comme indiqué sur cette capture:

Ici, je fait une boucle pour obtenir un & C de base de données et les ajouter comme élément sélectionné désactivé, mais ils ont aussi apparaît dans les options de sélection par défaut. Comment éviter d'avoir cela et les avoir à la place seulement sélectionné chaque fois dans la liste?

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> 

Ce code se trouve dans Jade/Pug. Je serai reconnaissant si quelqu'un d'entre vous peut m'aider avec cela.

Answer 1

Vous pouvez faire possible_options variable se compose de A, B, C, D et E. Et faire la fonction 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>