jQuery选择后选择更改显示

Question

当有人选择多选项时，我怎样才能显示类别和子类别，如“分类子类别”？代码是这样的。

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({});

---

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

Answer 1

你可以这样得到父母的孩子......

 $('.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);
      });