Comment présélectionner une valeur dans Select2 : un guide pour les versions 4 et inférieures ?

Comment sélectionner une valeur dans Select2 ?

Select2 est un plugin jQuery qui fournit un widget de boîte de sélection personnalisable. Dans cet article, nous allons explorer comment définir une valeur présélectionnée dans Select2.

Select2 < Version 4

1. HTML : Tout d'abord, définissez le champ de saisie Select2 comme un champ masqué avec un ID :

<code class="html"><input type="hidden" name="programid" id="programid" class="width-500"><ol start="2">
<li>
<strong>Initialisez Select2 :</strong> Créez une instance de Select2 et configurez-la avec les options nécessaires, y compris un appel AJAX pour récupérer les données.</li>
<li>
<strong>Définissez la valeur présélectionnée :</strong> Utilisez le select2 ('data', { id: "selectedID", text: "selectedText" }) méthode pour définir la valeur sélectionnée.</li>
</ol>
<h3>Select2 version 4 et supérieure</h3>
</h3>
<p>Pour Select2 v4 et ci-dessus, l'approche diffère légèrement :</p>
<ol><li>
<strong>HTML :</strong> Définissez le champ de saisie Select2 comme un élément de sélection standard avec des options et un attribut sélectionné :</li></ol>
<pre class="brush:php;toolbar:false"><code class="html"><select id="mySelect2" name="mySelect2[]">
  <option value="TheID" selected="selected">The text</option>                                                                   
</select></code>

2. Ajouter les options : Pour définir une valeur après l'initialisation, vous pouvez ajouter des options présélectionnées au champ Select2 :

<code class="javascript">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text");
$("#mySelect2").append($newOption).trigger('change');</code>

3. Utilisez la méthode val() : Alternativement, vous pouvez utiliser la méthode val() suivie de .trigger('change') pour définir une valeur :

<code class="javascript">$("#mySelect2").val(5).trigger('change');</code>

Ces méthodes fournit un moyen simple de définir une valeur présélectionnée dans Select2, quelle que soit la version que vous utilisez.

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!