jquery - 如何在 .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>选定选项的标签？ie is there a handle/selector to grab the value 'fruit' when the selected option is 'pears'?

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

Answer 1

您可以完成您想要的代码，如下所示

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

小提琴演示