Comment définir la valeur sélectionnée dans une liste déroulante jQuery Select2 ?

Comment définir la valeur sélectionnée de jQuery Select2 ?

Select2 est un puissant plugin jQuery permettant de créer des boîtes de sélection consultables, étiquetables et à valeurs multiples. Ce guide présente trois méthodes pour définir une valeur spécifique sélectionnée dans une instance Select2, en fonction de la version utilisée (antérieure à la v4 ou à la v4 et supérieure).

Select2 < v4

1. Créez un champ de saisie vide : Ajoutez un champ élément avec l'attribut type défini sur "hidden" et un attribut id qui correspond à l'instance Select2.
2. Initialiser Select2 : Créez une instance Select2 à l'aide de la méthode select2(), en passant le options souhaitées pour l'instance.
3. Définissez la valeur sélectionnée : Utilisez la méthode select2('data', { id: "", text: "" }) pour définir la valeur sélectionnée. Spécifiez l'identifiant de l'élément à sélectionner et tout texte associé.

Sélectionnez 2 v4 ou supérieur

Pour HTML, sélectionnez :

1. Ajouter l'option sélectionnée : Ajouter une élément avec l'attribut sélectionné défini sur "selected" et spécifiez la valeur et le texte souhaités.
2. Déclenchez un événement de changement : Utilisez trigger('change') pour mettre à jour l'instance Select2 avec le nouveau valeur.

Pour la sélection non HTML (JQuery) :

1. Créez une nouvelle option : Utilisez jQuery $ ('') pour créer une nouvelle syntaxe élément avec la valeur et le texte souhaités.
2. Ajouter et déclencher le changement : Ajoutez la nouvelle option à l'instance Select2 à l'aide de append() et déclenchez un événement de changement à l'aide de trigger('change').

Pour définir une valeur simple :

Utilisez val(value).trigger('change') pour définir une valeur simple sans créer de nouvelle option.

Exemple :

<code class="javascript">$('#mySelect2').select2('data', { id: '5', text: 'Option 5' });</code>

Ce code définit l'option avec l'ID "5" et le texte "Option 5" tel que sélectionné dans l'instance de Select2 avec l'ID "monSélection2."

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!