如何在.chosen（）上获取所选项目的选项组.change（）

Question

对于简单的选项分组，请说：

   <optgroup label="fruit">
     <option value="1"> apples </option>
     <option value="2"> pears </option>
  </optgroup>
  <optgroup label="veg">
     <option value="3"> neeps </option>
     <option value="4"> tatties </option>
  </optgroup>

我能够获取所选选项的ID ...使用：

    $('#my-chzn').chosen().change(
        function(evt) {
           var id = $(this).val();
           // ...or 
           var id_ = $(evt.target).val();
        }
    );

但是有可能获取所选选项的<optgroup>标签吗？ 即当所选的选项是'梨'时，是否有一个句柄/选择器来获取值'fruit'？

非常感谢任何人能够提供的任何帮助......

Answer 1

您可以完成所需的操作，因为代码如下所示

$('.chosen').chosen().change(
    function (evt) {
      var label = $(this.options[this.selectedIndex]).closest('optgroup').prop('label');
      alert(label);
});

Demo on fiddle