Dropdownlist中的值不可选

Question

我创建了一个看起来像这样的下拉列表:

Item1
     Item2
     Item3
Item4
     Item5
     Item6
     Item7

我想将Item1和Item4作为不可选择的项目.这可能与Jquery有关吗？
LaterEdit:我应该可以通过名为fooheader的类选择item1和item4(事件),其余的可选项由fooDetails类调用.

目前,我的临时修复使得Dll中的下一个值成为所选值,但我正在寻找更优雅的解决方案来解决问题

Answer 1

你应该用<optgroup>......

<select>
  <optgroup label="Item 1">
    <option>Item 2</option>
    <option>Item 3</option>
  </optgroup>
  <optgroup label="Item 4">
    <option>Item 5</option>
    <option>Item 6</option>
    <option>Item 7</option>
  </optgroup>
</select>

这是一个jsFiddle ...

http://jsfiddle.net/DKLwv/

如果您不希望它们嵌套,请像这样做......

<select>
  <optgroup label="Item 1"></optgroup>
  <option>Item 2</option>
  <option>Item 3</option>
  <optgroup label="Item 4"></optgroup>
  <option>Item 5</option>
  <option>Item 6</option>
  <option>Item 7</option>
</select>