Select2 sur entrée modale dynamique

Question 1

J'affiche plusieurs modaux dynamiques pour mettre à jour certaines données.

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

L'identifiant de mon modal se présente ainsi: editExperienceModal_1, editExperienceModal_2, etc.

Voici l'entrée select2

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

Si ce n'est pas un contenu dynamique, je peux invoquer select2 et dropdownParent comme ceci

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

Comment invoquer select2 pour les entrées créées dynamiquement?

jquery-select2

0

Nadiya 4 nov. 2019 à 16:25

Answer

Enfin, j'ai trouvé la solution

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

J'ai fourni une classe à select2 et initialisé select2 avec le nom de classe.

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

J'ai supprimé tabindex="-1" du modal parent, donc je n'ai pas eu besoin de dropdownParent dans select2.

0

codeninja 5 nov. 2019 à 05:18

Question 2