下拉optgroup，将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中，如果用户选择'b‘，那么用户选择'one’或‘字母-b’时，如何将optgroup标签附加到所选的子级以使结果是‘数字-1’？

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());
});