web-dev-qa-db-fra.com

select2 espace réservé montrant une option vide

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 enter image description here

comment puis-je ne pas montrer cette option mais toujours le paramètre fictif?

Merci!

9
Mariana Hernandez

Vous avez une erreur de syntaxe sur la 2ème ligne.

<option></option>
18
Max

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');
6
devwebapp

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.

2
igor.vaynberg

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

0
Jervie Vitriolo

Essayez juste $('select').select2({placeholder: 'Please select...'});. Combiné avec un <option></option> vide devrait faire l'affaire;).

0
TodStoychev

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();
0
SoftwareTheory