jquery – 如何在.chosen()上获取所选项的选项组.change()

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

<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’？

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

解决方法

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

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

Demo on fiddle