修复了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> 

首先我使用resolve

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

我也尝试过width 中的element、100% 选项

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

但设置 select2 的固定宽度并没有帮助。

我不想添加inline CSS来解决这个问题，因为如果我使用插件，那么它必须有一些解决这类问题的方法。

Answer 1

要修复我的下拉列表宽度，在 select2 初始化时将其设置为“元素”对我来说效果很好：

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