选择的JQuery-每个Optgroup可选择限制X

Question

我有10个optgroup，有些带有80-100个选项，有些带有2-3个，我需要一种方法，只允许每个optgroup允许选择X个数量，然后隐藏其余的。

我有大量数据，所以我不会复制和粘贴它。它是对象中的一堆数组。

Property result does not exist on type EventTarget

我有这样的optgroup-

$(document).ready(function () {
    eachTitle();
})

function eachTitle() {
    let titleCount = Object.keys(data).length;
    for (var i = 0; i < titleCount; i++) {
        let dataTag = Object.keys(data)[i];
        $(".tagging-select optgroup." + dataTag).append(
            data[dataTag].map(data => {
                return $("<option/>", {
                    value: data,
                    text: data
                })
            })
        )
    }
    initaliseSelect();
}

function initaliseSelect() {
    $(".tagging-select").chosen({
        no_results_text: "No results found",
        display_selected_options: false,
        display_disabled_options: false,
        include_group_label_in_selected:true
    })
}

我有这样的数据-

<select class="tagging-select" multiple data-placeholder="Select Option">
        <optgroup label="Difficulty" class="difficulty">

        </optgroup>
        <optgroup label="Age" class="age">

        </optgroup>
</select>