Tree structure select box in html

<select>
<optgroup label="Drinks" style="padding-left: 10px;">
<optgroup label="&nbsp;&nbsp;&nbsp;Coffee" style="padding-left: 20px;">
<option value="hot" style="padding-left: 30px;">Hot Coffee</option>
<option value="cold" style="padding-left: 30px;">Cold Cofee</option>
</optgroup>
<optgroup label="&nbsp;&nbsp;&nbsp;Others" style="padding-left: 20px;">
<option value="milk" style="padding-left: 30px;">Milk</option>
<option value="tea" style="padding-left: 30px;">Tea</option>
</optgroup>
</optgroup>
</select>

Tagged in:

• HTML
• select option
• tree dropdown