如何创建许多元素并将它们添加到其他许多元素中？

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]所以我想创建5次optionValue，每个optionValue应该具有.value取决于数组索引。例如：optionValue.value = 1，optionValue.value = 2，optionValue.value = 3，optionValue.value = 4，optionValue.value =5。然后，我要将所有这些optionValue元素附加到每个allDaysDataLists中。因此，每个allDaysDataLists应该具有所有已创建的optionValue。

Answer 1

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);
     } 
}

Answer 2

您可以尝试这个吗？

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