La prima opzione del menu a discesa non è un'opzione; forzare l'utilizzo di altre opzioni

Question

<select name="name"> 
    <option>Select an option.</option><br/> 
    <option>A</option><br/> 
    <option>B</option><br/> 
    <option>C</option><br/> 
</select> 

HTML5 ha required="required" e questo è il tipo di effetto desiderato con il menu a discesa sopra. Non voglio che l'utente selezioni "Seleziona un'opzione", solo "A", "B" o "C". So che potrei impostare un valore predefinito di A e rimuovere completamente l'opzione "Seleziona un'opzione", ma non voglio che gli utenti facciano clic a caso senza leggere le opzioni disponibili.

Questo può essere fatto con HTML e/o JS?

Answer 1

edit: questo codice è solo per costringere gli utenti a scegliere un'opzione valida, al posto di quello di default ... convalida per inviare/modificare/etc dovrebbero essere aggiunti

Si dovrebbe solo disabilitare il primo opzione e impostarla come selezionata per impostazione predefinita:

<select name="name"> 
    <option disabled="disabled" selected="selected">Select an option.</option> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
</select> 

Questo dovrebbe fare il trucco, demo qui http://jsfiddle.net/pixshatterer/Q27HX/

Answer 2

Basta dare display:none all'elemento option e disabled=disabled. Grazie alla @pixshatterer

http://jsfiddle.net/Xh9nh/4/

EDIT: Put visibility:hidden per errore.

Answer 3

Se si utilizza il plugin di convalida (qui: http://jqueryvalidation.org/) e aggiornare il <select> fornire value su ogni <option>, se impedirà modulo di presentazione, se si seleziona il valore "vuoto":

<select name="name" required> 
    <option value="">Select an option...</option> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
</select> 

Vale anche la pena osservando che gli unici elementi figlio validi di un <select> è o <optgroup> o <option>, quindi rimuovere quelli <br /> s.

Se jQuery non è un'opzione, si può sempre aggiungere un onclick alla selezione o un onsubmit alla forma e fare un rapido controllo su una stringa vuota (o qualsiasi altra cosa si imposta il valore di default a).