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?
0
Nadiya
4 nov. 2019 à 16:25
1 réponse
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
Nadiya
5 nov. 2019 à 05:18
De nouvelles questions
jquery-select2
Select2 est un remplacement basé sur jQuery pour les boîtes de sélection. Il prend en charge la recherche, les ensembles de données distants et le défilement infini des résultats.