如何使用select2调用基于optgroup的不同功能

Question

我正在使用带有以下HTML的select2插件，并希望根据更改时不同选项组中的选择调用不同的功能

<select data-placeholder="Select filter(s)" multiple="" class="select2 filter-boxes select2-offscreen" tabindex="-1">
    <option value=""></option>
    <optgroup label="Cars">
        <option>Audi</option>
        <option>VW</option>
        <option>BMW</option>
    </optgroup>
    <optgroup label="Users">
        <option>User 1</option>
        <option>User 2</option>
        <option>User 3</option>
    </optgroup>
</select>

因此，例如，如果用户选择了BMW，则会调用sortCars，如果选择了用户3，则会调用sortUsers。

Answer 1

<script>
 $('select').change(function(evt){
    alert(evt.currentTarget.selectedOptions[0].parentElement.label);

    });
</script>

了解events on javascript/jquery。