下拉选项组，为选定的子项添加optgroup标签

Question

我有这个下拉列表

   <select>
       <optgroup label="numbers">
          <option>One</option>
          <option>Two</option>
          <option>Three</option>
        </optgroup>

        <optgroup label="letters">
          <option>a</option>
          <option>b</option>
          <option>c</option>
        </optgroup>
 </select>

使用jQuery，如何将optgroup标签附加到选定的子节点，以便结果如此 当用户选择“一个”或“字母b”时，如果用户选择“b”，则为“第一个”吗？

Answer 1

为什么不用组标签编写<option> html？

<optgroup label="numbers">
  <option>numbers-One</option>
  <option>numbers-Two</option>

但你需要用jquery

来做

$('select').change(function () {
  var selected = $(this).find(':selected');
  var group = selected.parent();
  selected.text(group.attr('label') + '-' + selected.text());
});