Jquery 下拉optgroup，将optgroup标签添加到所选子级

我有这个下拉列表

   <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”，则选择“第一”或“字母-b”？

为什么不使用组标签编写html

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

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