Select2 на динамическом модальном вводе - PullRequest
Новая
       75

Select2 на динамическом модальном вводе

0 голосов
/ 04 ноября 2019

Я отображаю несколько динамических модалов для обновления некоторых данных. 

<div class="modal fade experience-details exp_update" id="editExperienceModal_{{$exp->id}}" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

Идентификатор моего мода выглядит следующим образом: editExperienceModal_1, editExperienceModal_2 и т. Д. 

<select class="form-control sub-select2" name="clinic_name" id="select2_clinic_update_{{$exp->id}}" style="width:100%"></select>

Если это не динамический контент, я могу вызвать select2 и dropdownParent следующим образом 

$("#select2_clinic_update").select2({
  placeholder: 'Select clinic name',
  dropdownParent: $('#editExperienceModal_'),
  ......
  ......

Как вызвать select2 для динамически создаваемых входов?

1 Ответ

0 голосов
/ 05 ноября 2019

Наконец, я нашел решение 

<select class="form-control sub-select2 select2_clinic_update" name="clinic_name" id="select2_clinic_update_{{$exp->id}}" style="width:100%">
   <option value="{{$exp->clinic_id}}" selected="selected">{{$exp->clinic->be_name}}</option>
</select>

я предоставил класс для select2 и инициализировал select2 с именем класса. 

$(".select2_clinic_update").select2({
  placeholder: 'Select clinic name',
  // dropdownParent: $('#editExperienceModal_1'),
  minimumInputLength: 2,

Я удалил tabindex="-1" из родительского модального режима,так что не нужно dropdownParent в select2.

...