Добавление дочерних элементов

@Борис Ф · Регистрация: 05.04.2019

Author24 — интернет-сервис помощи студентам

Добрый день, господа!
В JS необходимо добавить внутрь тега select ряд тегов option с разными value.
value беру из массива.
Возникла сложность на фазе вставки созданного элемента в тег.
У меня происходит перезапись.
Прошу натолкнуть на мысль.

Javascript

let option = document.createElement("option");
let parentElement = document.querySelector(".u12-branch");
for (let key in a11) {
    option.setAttribute("value", key);
    option.textContent = key;
    if (parentElement.firstChild == null) {
        parentElement.append(option);
    } else {
        parentElement.insertBefore(option, parentElement.firstChild);
    }
}

@amr-now · 01.02.2020, 17:20

Добрый день!
Борис Ф,
let option = document.createElement("option");
надо внутри цикла объявлять. Опция каждый раз должна быть разной, а не одной и той же.
И всё время делайте добавление в select без неуместных здесь проверок.

Добавлено через 1 минуту
----
Или цель - пройтись по массиву с хвоста в голову? Так и организуйте тогда цикл соответствующим образом.

@Борис Ф · 01.02.2020, 17:46 **[ТС]**

Спасибо за ответ!
Я правильно понимаю, что первоначально я переписывал один и тот же просто меняя у него value?

@amr-now · 01.02.2020, 18:15

Борис Ф, да.

Добавлено через 2 минуты
Ещё вариант однозначной вставки с хвоста в голову (без проверки условий):
https://developer.mozilla.org/... entElement

@amr-now 6492 / 3903 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	01.02.2020, 17:20	2
	Сообщение было отмечено amr-now как решение Решение Добрый день! Борис Ф, `let option = document.createElement("option");` надо внутри цикла объявлять. Опция каждый раз должна быть разной, а не одной и той же. И всё время делайте добавление в select без неуместных здесь проверок. Добавлено через 1 минуту ---- Или цель - пройтись по массиву с хвоста в голову? Так и организуйте тогда цикл соответствующим образом. 1

@Борис Ф 0 / 0 / 0 Регистрация: 05.04.2019 Сообщений: 54
	01.02.2020, 17:46 [ТС]	3
	Спасибо за ответ! Я правильно понимаю, что первоначально я переписывал один и тот же просто меняя у него value? 0

@amr-now 6492 / 3903 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	01.02.2020, 18:15	4
	Борис Ф, да. Добавлено через 2 минуты Ещё вариант однозначной вставки с хвоста в голову (без проверки условий): https://developer.mozilla.org/... entElement 1

Добавление дочерних элементов

Решение