2
Let’s say you want to list in one Combobox items for sale on an e-commerce site. But on this list, I want to first display the category name and below the items.
Example:
But good would still be until you can indent the items. More or less like in the following picture:
Is it possible? How?
1
For that you have to use the <optgroup> within the <select>
Take the example:
<select>
<optgroup label="Category 1">
<option>Item 1</option>
<option>Item 2</option>
</optgroup>
<optgroup label="Category 2">
<option>Item 3</option>
<option>Item 4</option>
</optgroup>
</select>1
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>Browser other questions tagged html combobox
You are not signed in. Login or sign up in order to post.
You are using Bootstrap?
– hugocsl
No, I have little knowledge in the area.. only basic maintenance
– Andrey
Okay, just so you know, then I guess one of the answers below will answer.
– hugocsl
If you want to do something more personalized: Materialize CSS (simple and easy to use)
– Costamilam
@Very cool! I didn’t know... it’s a library, right? It’s free?
– Andrey
Yes it’s a free library, based on Material Design Lite
– Costamilam