Select2 dropdown появляется беспорядочно на bootstrap modal

HTML-код -

<div>
 <label>Deposit to account </label>
 <select id="***************_to_account_id" name="***************[to_account_id]">
 <option value="1">sbi</option>
 <option value="2">cash in hand</option>
 <option value="3">Loan and advances</option>
 <option value="4">HDFC Bank acc</option>
 </select>
</div>

Код JQuery -

Выход -

Выпадающее изображение не отображается правильно в модальном модуле загрузки. Я нашел одно решение, которое попросило меня удалить атрибут tabindex, я следую этому, но все равно получаю такую же проблему. Может ли кто-нибудь приятель мне помочь. Благодарю!!

1 ответ

Select2 - это замена на основе jQuery для отдельных полей. Он поддерживает поиск, удаленные наборы данных и бесконечную прокрутку результатов.

http://ivaynberg.github.io/select2/

Похоже, этот плагин мешает нормальной загрузке.

Что произойдет, если вы закомментируете $("#receipt_voucher_to_account_id").select2(); и перезагрузить страницу?

Вы проверили консоль FireFox/Chrome для любых связанных с css/js ошибок?

licensed under cc by-sa 3.0 with attribution.