Question

我正在显示多个动态模态以更新一些数据。

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

我的模态的ID类似于以下editExperienceModal_1，editExperienceModal_2等。

这是select2输入

<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？

Answer 1

最后，我找到了解决方法

<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"，因此在select2中不需要dropdownParent。

在动态模态输入上选择2

1 个答案: