0

オプションのリストを含むhtmlのSelect Multiple要素があります。このキャプチャに示すように、重複を避けるためにどのようにアップデートを、やろうとした場合:HTMLに重複したオプションが表示されないようにするにはどうすればいいですか?

ここ

select multiple with duplicates

私はまた、データベースから& 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にあります。 誰かがこれで私を助けることができれば、私は感謝します。

+0

これまでに何を試みましたか?複数選択要素を更新するコードの一部を投稿できますか? –

+0

はい!マルチ選択コードを追加しました。 – Stackgeek

答えて

1

possible_optionsを変数A、B、C、D、Eで構成することができます。 そしてmake関数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> 
+0

@AkiraSuzukiさん、ありがとうございました。私の問題を解決するはずです。試してみる。 – Stackgeek

関連する問題