Javascript jQuery选择更改选择后的显示

当有人选择multiselect选项时，我如何能够像“Category subCategory”这样显示类别和子类别？代码是这样的

HTML:

<select multiple="multiple" class="choosen-multiselect">
    <optgroup label="BLUES">
        <option value="1">Acoustic</option>
        <option value="2">Electric</option>
    </optgroup>
    <optgroup label="R&B/SOUL">
        <option value="50">Contemporary R&B</option>
    </optgroup>
</select>

$('select.choosen-multiselect').chosen({});

---

---

所以，我喜欢做的是，每当有人选择说“声学”，我需要能够在jQuery所提供的选择框中显示“布鲁斯声学”。现在，选中时，它仅显示选定的子类别“声学”。

您可以通过这种方式获取父-子类别

 $('.choosen-multiselect').on('change', function ()
     {
         var selected = $(this.options[this.selectedIndex]); 
         var parent = selected.closest('optgroup').prop('label');
         var child = selected.prop('label');
         alert(parent +" "+child);
      });

---

不完全是我想要的。您的代码在所选jQuery的上下文中不起作用。