Выбранный JQuery - параметр Limit X, выбираемый для каждой группы Optgroup

121
4

У меня есть 10 групп optgroups с 80-100 опциями, а некоторые с 2-3, мне нужен способ, позволяющий выбирать только X для каждой 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
})
}

У меня есть optgroups, как это -

<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)"
]
}

спросил(а) 2021-01-19T18:08:17+03:00 2 месяца, 3 недели назад
1
1 ответ
-4

Вы наконец-то нашли решение этой проблемы? У меня такой же, и я был бы признателен, если бы вы могли поделиться решением здесь!

ответил(а) 2021-01-19T18:08:17+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема