Как создать много элементов и добавить их к другим элементам?

Question

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

мой код выглядит следующим образом:

    const createElementsFromLocalStorage = (event) => {
        for (let i = 0; i < allRecipes.length; i++) {
            let optionValue = document.createElement('option');
            optionValue.value = allRecipes[i].title;

            for(let j = 0; j < allDaysDataLists; j++) {
                allDaysDatalists[j].appendChild(optionValue);
            }
        }
    }

Итак, я хочу создайте optionValue "i" раз и установите их значения с каждым allRecipes.title. Например, это должно выглядеть так:

У меня есть массив allRecipes = [1, 2, 3, 4, 5]. Поэтому я хочу создать optionValue 5 раз, и у каждого optionValue должно быть .value зависит от индекса массива. Например: optionValue.value = 1, optionValue.value = 2, optionValue.value = 3, optionValue.value = 4, optionValue.value = 5. Затем я хочу добавить все эти элементы optionValue к каждому allDaysDataLists. Поэтому каждый allDaysDataLists должен иметь все это созданное optionValue.

Answer 1

Вы можете попробовать это?

    const createElementsFromLocalStorage = (event) => {
       allRecipes.forEach(r => {
           allDaysDatalists.forEach(select => {
              select.options[select.options.length] = new Option(r.title, r.title);
           });
       });
    }

Answer 2

for(let i = 0; i < allDaysDataLists.length; i++) {
     for(let j = 0; j < allRecipes.length; j++) {
         const optionValue = document.createElement('option');
         optionValue.value = allRecipes[j].title;
         allDaysDatalists[i].appendChild(optionValue);
     } 
}