选择optgroup标签

Question

我正在使用javascript来显示选项列表，它看起来有点像这样

<select>
   <optgroup label="OPEN">
      <option value=1>state 1</option>
      <option value=1>state 2</option>
      <option value=1>state 3</option>
   </optgroup>
   <optgroup label="CLOSED">
      <option value=1>X state Error</option>
      <option value=1>Y state error</option>
      <option value=1>Z state error</option>
   </optgroup>
</select>

此处的问题代表DB记录的状态。 我的问题是我的标签不可选，我只能选择LABEL中的可用选项，我希望用户能够选择标签OPEN和CLOSED，例如，如果他点击OPEN，我想显示所有记录在OPEN状态。 考虑到我是javascript，jquery，html和css的新手，google无法帮助我。 任何帮助将不胜感激。