Select2 正在复制我的下拉列表

Question

Select2 正在复制我的下拉列表，所以我有原始选择列表和 select2 选择框，我无法在我的项目之外重新创建它，所以它可能是一个导入，有没有人以前经历过类似的事情或知道什么导入可能导致它？ 我能找到的唯一信息是关于 jquery growfield 的，我没有。 谢谢！

HTML

<p class="form-control input-lg"><label for="industry">Industry</label>:
    <select class="industry" id="industry" name="industry">
        <option value="Select" selected="selected"></option>
        {% for industry in industries %}
            <option value="{{ industry }}">{{ industry }}</option>
        {% endfor %}
    </select>
</p>

查询

 <script type="text/javascript">
     $(document).ready(function () {
     $("#industry").select2();
     $
 });

Answer 1

我发现问题是由我在原始列表元素上使用 css 引起的。
Select2通过将类select2-hidden-accessible应用于我编写的实际选择字段来工作。

该类具有 CSS，除其他外，它将原始选择字段缩小到 1px 宽度，因此它不可见。
然后它根据原始 select 元素的内容呈现具有select2功能的自己的span类。

.form_inputs select{}上的 CSS 覆盖了这个缩小到1px width 。

Answer 2

它很旧但总是有用的！

我忘了为 select2 导入 CSS ......这就是为什么它不起作用并显示两次选择。

我希望它会有所帮助！