Select Box OptGroup

by jamey777

HTML

<select class='styled'>
<option value="">Option One</option>
<option value="">This is my really long option</option>
<optgroup label="Group One Here">
    <option class="opt" value="">Option One</option>
    <option value="">Option Two</option>
</optgroup>
<optgroup label="Group Two Here">
    <option value="">Option One</option>
    <option value="">Option Two</option>
</optgroup>
</select>

<select class='styled'>
<option value="">Option One</option>
<option value="">Option Two</option>
<optgroup label="Group One Here">
    <option class="opt" value="">Option One</option>
    <option value="">Option Two</option>
</optgroup>
<optgroup label="Group Two Here">
    <option value="">Option One</option>
    <option value="">Option Two</option>
</optgroup>
</select>

CSS

.styled{
    
    border: solid 1px tan;
    background-color: tan;
    padding: 7px;
    margin: 2px;
    border-radius: 5px;
    float: left;
    width: 120px;
}

JavaScript

Save