select2の幅を固定しました

Question

候補スキルを選択するのにselect2を使用しています。 私は私がこれまで試してみました何私のslelet2

のための固定幅をしたい、私の選択ボックスの幅を変更するをしたくないですか？

//HTML 
<select class="skill_select_id" name="skill_select_id"> 
    <?php foreach ($skills as $skill) { ?> 
     <option value="<?= $skill['id'] ?>" ><?= $skill['name'] ?></option> 
    <?php } ?> 
</select> 

まず私はwidth

//Another Try 
$('.skill_select_id').select2({tags:true, width: 'element'}); 

に私もelement試してみましたresolve

//Script 
$('.skill_select_id').select2({tags:true, width: 'resolve'}); 

、100%オプションを使用します。しかし、それはSELECT2の固定幅を設定するために私を助けていませんでした。

この問題を解決するためにinline CSSを追加したくありません。プラグインを使用する場合、このタイプの問題の解決策が必要であるためです。

Answer 1

はSELECT2の初期化時に「要素」にそれを設定し、私のドロップダウン幅を修正するには、私のためにうまく働いた：

$("#dropDown").select2({ width: 'element' });