選択ボックスとしてスタイル指定されたテキストタイプの入力フィールドを持つChosen.js？

Question

私はselected.jsを入力フィールドに適用したいと思います。ここに私のコードです

上記のコード出力は、正確には私のプロジェクトを通してスタイリングされた選択ボックスです。今、私はselected.js選択ボックスとして使用したいと思います。私を助けてください。私は上記のコードの代わりに使用している場合は、私はスタイル

Answer 1

の多くを変更する必要があり、このリンクをお試しください：https://jsfiddle.net/esedic/Da4m3/

を更新

ページ上のリンクの下に添付してください：

https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css

を

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js

<select id="first" data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4"> 
       <option value=""></option> 
       <option value="United States">United States</option> 
       <option value="United Kingdom">United Kingdom</option> 
       <option value="Afghanistan">Afghanistan</option> 
       <option value="Albania">Albania</option> 
       <option value="Algeria">Algeria</option> 
       <option value="American Samoa">American Samoa</option> 
       <option value="Andorra">Andorra</option> 
       <option value="Angola">Angola</option> 
       <option value="Anguilla">Anguilla</option> 
      </select> 
<script> 
$(function() 
{ 
    $(".chosen-select").chosen(); 
}) 
</script> 

あなたが一度に一つのアイテムを選択したい場合は、属性複数を削除します。