jquery - Select2正在复制我的下拉列表

select2正在复制我的下拉列表，因此我既有原始的select列表，也有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>

jquery公司

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

最佳答案

我发现这个问题是由我在原始列表元素上使用css引起的。
Select2的工作原理是将类应用于我编写的实际select字段。
该类具有css，除其他外，它将原始选择字段的宽度缩小到1px，因此不可见。
然后它呈现自己的select2-hidden-accessible类，这些类具有基于原始select元素内容的span功能。
select2上的css正在覆盖这个收缩到.form_inputs select{}。