SELEZIONA HTML vuoto senza elemento vuoto nell'elenco a discesa

Come implementare subj?

quando scrivo:

<form>
  <select>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

l'elemento selezionato predefinito è "aaaa"

quando scrivo:

<form>
  <select>
     <option value=""></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

quindi l'elemento selezionato per impostazione predefinita è vuoto, ma questo elemento vuoto viene visualizzato nell'elenco a discesa.

come posso implementare il tag SELECT con un valore vuoto predefinito nascosto nell'elenco a discesa?

Usa solo attributi disabilitati e / o nascosti:

<option selected disabled hidden style='display: none' value=''></option>

• selected rende questa opzione quella predefinita.
• disabled rende questa opzione non cliccabile.
• style='display: none'rende questa opzione non visualizzata nei browser meno recenti. Vedere: Posso usare la documentazione per l'attributo nascosto.
• hidden fa in modo che questa opzione non venga visualizzata nell'elenco a discesa.

Puoi impostando selectedIndexl' -1utilizzo .prop: http://jsfiddle.net/R9auG/ .

Per le versioni precedenti di jQuery utilizzare .attrinvece di .prop: http://jsfiddle.net/R9auG/71/ .

Semplicemente usando

<option value="" selected disabled>Please select an option...</option>

funzionerà ovunque senza script e ti consentirà di istruire l'utente allo stesso tempo.

<select>
     <option value="" style="display:none;"></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>

Ecco un modo semplice per farlo utilizzando JavaScript normale. Questo è l'equivalente vaniglia dello script jQuery pubblicato da pimvdb. Puoi provarlo qui .

<script type='text/javascript'>
  window.onload = function(){
    document.getElementById('id_here').selectedIndex = -1;
  }
</script>

.

<select id="id_here">
  <option>aaaa</option>
  <option>bbbb</option>
</select>

Assicurati che "id_here" corrisponda nel modulo e in JavaScript.

Non puoi. Semplicemente non funzionano in questo modo. Un menu a discesa deve avere sempre selezionata una delle sue opzioni.

Potresti (anche se non lo consiglio) guardare un evento di modifica e quindi utilizzare JS per eliminare la prima opzione se è vuota.

Per puramente html @isherwood ha un'ottima soluzione. Per jQuery, dai un ID al menu a discesa di selezione, quindi selezionalo con jQuery:

<form>
  <select id="myDropDown">
    <option value="0">aaaa</option>
    <option value="1">bbbb</option>
  </select>
</form> 

Quindi utilizzare questo jQuery per cancellare il menu a discesa al caricamento della pagina:

$(document).ready(function() {
    $('#myDropDown').val(''); 
});

Oppure inseriscilo all'interno di una funzione a sé stante:

$('#myDropDown').val(''); 

realizza ciò che stai cercando ed è facile inserirlo in funzioni che potrebbero essere chiamate sulla tua pagina se hai bisogno di cancellare il menu a discesa senza ricaricare la pagina.

Puoi provare questo snippet

$("#your-id")[0].selectedIndex = -1

Ha funzionato per me.