嵌套可选选项的树

Question

我正在尝试制作一个可选择的选项树：

http://jsfiddle.net/s1yr41k3/

<select>
  <optgroup label="Category 1">
    <option>Sub Category 1</option>
    <option>Sub Category 2</option>
  </optgroup> 
  <optgroup label="Category 2">
    <option>Sub Category 3</option>
    <option>Sub Category 4</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
  </optgroup>
</select>

但是，正如您所看到的，我无法选择主要类别，因为它们只是简单的标签。

我一直在寻找一个不同的解决方案但不幸的是我还没有找到任何解决方案。