Выбранный JQuery - Предел X выбирается для Optgroup - PullRequest
Новая
       7

Выбранный JQuery - Предел X выбирается для Optgroup

0 голосов
/ 17 сентября 2018

У меня есть 10 оптгрупп, некоторые с 80-100 опциями, а некоторые с 2-3, мне нужен способ, позволяющий только выбрать количество Х, выбираемое для каждой оптгруппы, а затем скрыть остальные из них.

У меня большой объем данных, поэтому я не буду копировать и вставлять его. Это куча массивов в объекте. 

$(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>

У меня есть такие данные - 

var data = {
    difficulty: [
        "Easy",
        "Average",
        "Hard"
    ],
    age: [
        "Adult (17 and over)",
        "Paediatrics (0-16)"
    ]
}
...