jQuery Select2 重复

Posted 2023-05-07

【中文标题】jQuery Select2 重复

【英文标题】：jQuery's Select2 is dulicated

【发布时间】：2021-07-27 03:30:36

【问题描述】：

希望你做得很好，至于我的问题，我想使用 Select2 jQuery 插件的下拉菜单，我直接从另一个工作正常的页面复制代码，但它显示了下拉菜单菜单重复我尝试了所有我认为有帮助的方法，但都失败了，我做了什么：

HTML：（整个 div）

<div class="form-group row student" bis_skin_checked="1" data-select2-id="15">
                                    <label for="lname" class="col-sm-3 text-right control-label col-form-label">Class Name</label>                                    <div class="col-md-9">
                                        <select class="select2 form-control custom-select select2-hidden-accessible" style="width: 100%; height:36px;" data-select2-id="2" tabindex="-1" aria-hidden="true" required="" name="class">
                                            <option data-select2-id="4">Select</option>
                                            <optgroup label="Administrateur des systèmes réseaux">
                                                <option value="ASR#21-S2">ASR#21-S2</option>
                                                <option value="ASR#20-S4">ASR#20-S4</option>
                                            </optgroup>
                                            <optgroup label="Génie de l’environnement">
                                                <option value="GE#20-S2">GE#20-S4</option>
                                                <option value="GE#21-S2">GE#21-S2</option>
                                                <option value="GE#19-S6">GE#19-S6</option>
                                            </optgroup>
                                            <optgroup label="Métiers du social et de l'Animation socioculturelle">
                                                <option value="MSASC#21-S2">MSASC#21-S2</option>
                                                <option value="MSASC#20-S4">MSASC#20-S4</option>
                                            </optgroup>
                                            <optgroup label="Développement des territoires ruraux">
                                                <option value="DTR#21-S2">DTR#21-S2</option>
                                                <option value="DTR#21-S2">DTR#20-S4</option>
                                            </optgroup>
                                            <optgroup label="Bioanalyses et contrôle">
                                                <option value="BIOAC#21-S2">BIOAC#21-S2</option>
                                                <option value="BIOAC#20-S4">BIOAC#20-S4</option>
                                            </optgroup>
                                        </select><span class="select2 select2-container select2-container--default select2-container--focus" dir="ltr" data-select2-id="3" style="width: 100%;"><span class="selection">
                                    </div>
                                </div>

enter image description here

至于导入的库和css

 <script src="<?php echo base_url(); ?>assets/a/libs/select2/dist/js/select2.full.min.js"></script>
            <script src="<?php echo base_url(); ?>assets/a/libs/select2/dist/js/select2.min.js"></script>
<script>
                //***********************************//
                // For select 2
                //***********************************//
                $(".select2").select2();
</script>

谢谢你的帮助，真的很感激

【参考方案1】：

我解决了！我所做的是转到添加的未使用跨度并将类从“select2”更改为“select3”并且它消失了 FROM select2 select2-container select2-container--default select2-container--focus TO select3 select2-container select2-container--default select2-container--focus