TagTagWeb: Script a portata di mano

Raggruppare le opzioni in una select con optgroup

Potrebbe essere utile durante la fase di sviluppo, il raggruppamento delle varie opzioni di una select.

Per fare questo si può ricorrere all’elemento optgroup. Per dare un etichetta al gruppo viene utilizzato l’attributo label.

Di seguito un esempio:

<label for="cars">Choose a car brand:</label>
<select name="cars" id="cars">
<option value="none">None</option>
<optgroup label="Swedish">
<option value="saab">Saab</option>
<option value="volvo">Volvo</option>
</optgroup>
<optgroup label="French">
<option value="citroen">Citroën</option>
<option value="peugeot">Peugeot</option>
<option value="renault">Renault</option>
</optgroup>
</select>

Ecco come il browser visualizzerà il codice html

Puoi seguire i commenti a questo post attraverso il feed RSS 2.0.