segnaposto select2 mostrando opzione vuota

troppo aggiungere un segnaposto in select2 devo aggiungere un opzione etichetta vuota nel codice come questosegnaposto select2 mostrando opzione vuota

<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>

ma quando faccio che ottengo questa opzione vuota che è selezionabile enter image description here

Come posso non mostrare quell'opzione ma è ancora il segnaposto?

Grazie!

fonte

2013-10-18 Mariana Hernandez

'style = "display: none;"'? – Turnip

che mostra ancora l'opzione vuota @ 3rror404 –

Forse questa è un'opzione? http://jsfiddle.net/nJ8Vu/ – Turnip

Si è verificato un errore di sintassi sulla seconda riga.

<option></option>

fonte

2013-10-18 15:03:34 Max

se lo rimuovo, il segnaposto non mostra –

nella documentazione di select2, dice: Quando il segnaposto viene utilizzato per una casella di selezione senza più valori, richiede di includere un tag vuoto come prima [email protected] Max –

@ MarianaHernandez si è verificato un errore di sintassi: – Max

È possibile aggiungere una riga per rimuovere la prima opzione "vuota" dopo aver caricato le opzioni per i ruoli. Si potrebbe fare come segue usando jquery.

$("#selectBox option[value='']").remove();

fonte

2013-10-18 15:01:32

grazie, l'ho provato ma rimuove il segnaposto = (@sr. –

lasciare vuota l'opzione e specificare il testo segnaposto o tramite l'attributo data-segnaposto sul tag o tramite l'opzione segnaposto durante l'inizializzazione select2.

fonte

2013-10-18 16:13:57

È una risposta tardiva, ma può aiutare qualcuno.

Ho modale con un ingresso select2.

Abbiamo bisogno di aggiungere <option></option> per il segnaposto da mostrare.

HTML

<select id="Name"> 
    <option></option> 
    <option value="John">John</option> 
    <option value="Brian">Brian</option> 
    <option value="Carl">Carl</option> 
</select>

Se voglio il segnaposto di apparire.

Jquery

$('#Name').select2({placeholder: 'Select a Name'}); 

$('#Name').select2('val', '');

Se voglio vedere un valore sull'ingresso select2:

$('#Name').select2('val', 'John');

fonte

2014-04-09 10:00:33 devwebapp

-1

controllo se i valori di opzione è vuoto

fonte

2017-01-27 05:08:07 Mahmoud

solo provare $('select').select2({placeholder: 'Please select...'});. Combinato con un vuoto <option></option> dovrebbe fare il lavoro;).

fonte

2017-08-04 20:18:58 TodStoychev

L'opzione vuoto è in realtà per segnaposto, Ho risolto usando il codice seguente

var s1 = $('#select2id').select2({ 
        multiple: true, 
        placeholder: "Select values" 
       }); 
       s1.val([' ']).trigger("change");

il s1.val([' ']).trigger("change"); ha fatto il trucco

fonte

2017-09-07 03:56:07

Ecco una soluzione simile che utilizza puro HTML per prevenire da essere cliccato, così come molti altri approcci: https://stackoverflow.com/a/23638053/3196753 – tresf

segnaposto select2 mostrando opzione vuota

risposta

Problemi correlati