trop ajouter un espace réservé dans select2 je dois ajouter une balise option vide dans le code comme celui-ci
<select id="e2" name="rol_id" >
<option><option>
{foreach from=$data.roles item=rol}
<option value={$rol.rol_id}>{$rol.rol_nombre}</option>
{/foreach}
</select>
mais quand je fais ça, j’obtiens cette option vide qui est sélectionnable
comment puis-je ne pas montrer cette option mais toujours le paramètre fictif?
Merci!
Vous avez une erreur de syntaxe sur la 2ème ligne.
<option></option>
C'est une réponse tardive, mais cela peut aider quelqu'un.
J'ai modal avec une entrée select2.
Nous devons ajouter <option></option>
pour que le paramètre fictif soit affiché.
HTML
<select id="Name">
<option></option>
<option value="John">John</option>
<option value="Brian">Brian</option>
<option value="Carl">Carl</option>
</select>
Si je veux que l’espace réservé apparaisse.
Jquery
$('#Name').select2({placeholder: 'Select a Name'});
$('#Name').select2('val', '');
Si je veux voir une valeur sur l'entrée select2:
$('#Name').select2('val', 'John');
laissez l'option vide et spécifiez le texte d'espace réservé via l'attribut data-placeholder de la balise ou via une option d'espace réservé lors de l'initialisation de select2.
L'option vide est en fait pour l'espace réservé, je l'ai résolu en utilisant le code ci-dessous
var s1 = $('#select2id').select2({
multiple: true,
placeholder: "Select values"
});
s1.val([' ']).trigger("change");
la s1.val([' ']).trigger("change");
a fait l'affaire
Essayez juste $('select').select2({placeholder: 'Please select...'});
. Combiné avec un <option></option>
vide devrait faire l'affaire;).
Vous pouvez ajouter une ligne pour supprimer la première option "vide" après avoir chargé les options pour les rôles. Vous pouvez le faire comme ci-dessous à l'aide de jquery.
$("#selectBox option[value='']").remove();