Display optgroup label as initial option [closed]

Question

Is it possible to show the label of an optgroup in a select dropdown as the first option?

Does this make sense? Or is there a better way to do it?

I basically need a first label that shows like Select Price and that isn't directly selectable, but shows when you expand the select menu like an optgroup label does.

Answer 1

You can use a standard option element and simply specify the disabled attribute:

<select>
  <option disabled="disabled" selected="selected">Select Price</option>
  <optgroup label="Gold">
    <option>5.00</option>
    <option>10.00</option>
  </optgroup>
</select>

See this jsFiddle demo.