Тема css Выбор дизайна нарушается, когда я добавляю select2, как мне это исправить?
$("select").select2();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" /> <select class="select2 form-control"> <option selected="">Var (Kedi/Köpek)</option> <option>Yok</option> </select>
Я попытался сделать код для select2. Я думаю, вам не хватает ключевого слова множественный в элементе выбора. Я пробовал с ключевым словом множественный . Вы можете обратиться к тому же.
Головная секция:
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script> <script> $(document).ready(function () { $("select").select2(); }); </script>
HTML Код:
<select multiple id="e1" style="width: 300px;"> <option value="AL">Alabama</option> <option value="Am">Amalapuram</option> <option value="An">Anakapalli</option> <option value="Ak">Akkayapalem</option> <option value="WY">Wyoming</option> </select>