Заполнение поля группы флажок динамически из базы данных ⇐ Javascript

[Anonymous]

У меня есть этот блок HTML, то есть поле с раскрывающимся списком флажков. Список флажков динамически населяет из базы данных. База данных возвращает данные в этой форме: < /p>

Код: Выделить всё

[{'text': 'VALUE1'}, {'text': 'VALUE2'}, ..., {'text': 'VALUEn'}]

Значения заполняются в контрольном списке раскрывающегося списка как значение1 \ n value2 \ n ... valuen
Но, когда я выбираю элементы из контрольного списка, они не заполняются в поле. Мой блок HTML и соответствующий JS следующие: < /p>

Код: Выделить всё

Select Elements

{% for element in elements %}

 {{ element.name }}

{% endfor %}



< /code>
elementCheckboxes.forEach(checkbox => {
checkbox.addEventListener("change", () => {
const selected = Array.from(elementCheckboxes)
.filter(cb => cb.checked)
.map(cb => cb.parentElement.textContent.trim());

dropdownButton.textContent = selected.length > 0
? selected.join(", ")
: "Select Element(s)";
});
});

Я не могу заполнить поле элементов списком выбранных элементов.
может кто -нибудь справиться, пожалуйста?

Подробнее здесь: https://stackoverflow.com/questions/796 ... m-database