Javascript 未能执行'；追加儿童'；在'；节点'；：添加要选择的选项时

我正在尝试向我的选择表单动态添加选项。我希望列出的不同选项是products数组中的名称。我一直收到一个错误，上面写着“未能在“节点”上执行“appendChild”。

.innerText

是否应该让我直接将这些名称放在每个选项中

类产品{
建造商（名称、价格、类别）{
this.name=名称；
这个价格=价格；
this.category=类别
}
}
const product1=新产品（“苹果”、“1.99美元”、“水果”）；
const product2=新产品（“莴苣”、“3.99美元”、“蔬菜”）；
const product3=新产品（“鳄梨”、“2.99美元”、“水果”）；
设products=[product1，product2，product3]；
console.log（产品）
函数postOrder（）{
const customerName=document.getElementById（'customerName'）.value
常量地址=document.getElementById（'customerAddress'）。值
const card=document.getElementById（'creditCard'）。值
const select=document.getElementById（'orderSelect'）；
for（设i=0；i

添加订单：
客户名称：
地址:
客户信用卡：
添加订单

此行：

let option = document.createElement('option').innerText = products[i].name;

    let option = document.createElement('option').innerText = products[i].name;

返回指定的文本，而不是元素。应该是：

let option = document.createElement('option');
option.innerText = products[i].name;

您可以执行

let option=new option（产品[i].name）作为单行备选方案


类产品{
建造商（名称、价格、类别）{
this.name=名称；
这个价格=价格；
this.category=类别
}
}
const product1=新产品（“苹果”、“1.99美元”、“水果”）；
const product2=新产品（“莴苣”、“3.99美元”、“蔬菜”）；
const product3=新产品（“鳄梨”、“2.99美元”、“水果”）；
设products=[product1，product2，product3]；
//console.log（产品）
函数postOrder（）{
const customerName=document.getElementById（'customerName'）.value
常量地址=document.getElementById（'customerAddress'）。值
const card=document.getElementById（'creditCard'）。值
const select=document.getElementById（'orderSelect'）；
for（设i=0；i

添加订单：
客户名称：
地址:
客户信用卡：
添加订单
此行：

let option = document.createElement('option').innerText = products[i].name;

    let option = document.createElement('option').innerText = products[i].name;

将
innerText
和
选项设置为
products[i]。name
。您需要将其拆分，以便为新元素设置
选项
，然后设置其
内部文本

    let option = document.createElement('option');
    option.innerText = products[i].name;

这很有效，谢谢你。