2012-12-25 13 views
14

Come posso aggiungere il gruppo di opzioni nel tag di selezione HTML? Voglio categorie il mio elenco di opzioni con gruppo di opzioni .... come posso usarlo?Come aggiungere il gruppo di opzioni in HTML selezionare?

Ecco un esempio

<select> 
<!-- First category option --> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
<!-- Second catgory option --> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

risposta

35

utilizzando il tag optgroup. Ecco un esempio:

<select name="browser"> 

    <optgroup label="Firefox"> 
     <option value="2.0 or higher"> 
     Firefox 2.0 or higher 
     </option> 
     <option value="1.5.x">Firefox 1.5.x</option> 
     <option value="1.0.x">Firefox 1.0.x</option> 
    </optgroup> 

    <optgroup label="Microsoft Internet Explorer"> 
     <option value="7.0 or higher"> 
     Microsoft Internet Explorer 7.0 or higher 
     </option> 
     <option value="6.x">Microsoft Internet Explorer 6.x</option> 
     <option value="5.x">Microsoft Internet Explorer 5.x</option> 
     <option value="4.x">Microsoft Internet Explorer 4.x</option> 
    </optgroup> 

    <optgroup label="Opera"> 
     <option value="9.0 or higher">Opera 9.0 or higher</option> 
     <option value="8.x">Opera 8.x</option> 
     <option value="7.x">Opera 7.x</option> 
    </optgroup> 

    <option>Safari</option> 
    <option>Other</option> 

</select> 

spero che sia d'aiuto.

+1

Penso che si intenda attributo "valore" anziché attributo "etichetta" nel tag

+1

@ g.annunziata Non secondo Mozilla: https://developer.mozilla.org/en/docs/Web/HTML/Element/optgroup – Brett

4

Si sta cercando il tag <optgroup> in cui si dovrebbero annidare le opzioni.

3

Optgroup è quello che stai cercando.

+1

Il collegamento a w3scools non è una buona idea, meglio usare MDN: https: // developer.mozilla.org/en/docs/Web/HTML/Element/optgroup – Brett

Problemi correlati