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>

JQuery的

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

Answer 1

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

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

.form_inputs select{}上的CSS覆盖了这种缩减为1px width。

Answer 2

虽然很旧但是总是有用的！

我忘了为select2导入CSS。这就是为什么它不起作用并显示两次select的原因。

希望对您有所帮助！

Select2正在复制我的下拉列表

2 个答案: