Javascript 将html内容更改为选定选项

我一直在尝试将我的产品名称的值更改为当前的值+大小名称，但我无法做到这一点。我尝试过使用这个，但失败了

这是HTML，我正在尝试将产品名称更改为Product Name+从选项中选择的任何选项。我试过了，但似乎什么都没变

var text=document.getElementById（'name'）；
var drop=document.getElementById（'dropdown'）；
drop.addEventListener（'change'，函数（e）{
text.value+=''+e.target.value；
//或`${e.target.value}`
})

品名
黄色


尺寸：
iphone11.6.1
iPhone11Pro 5.8
Iphone 11 Pro Max 6.5
iPhoneX
iphonexs
iphonexsmax
Iphone XR
iPhone7
iPhone8
iPhone7 Plus
iPhone8 Plus
iphone6
iphone6s
iphone6plus
Iphone 6s Plus

给出JS元素ID，并将

text.value

更改为

text.textContent

。另外，确保每次都替换文本，而不是添加到文本中（即

text.textContent='Product Name:'+…

）：

var text=document.getElementById（'name'））
var drop=document.getElementById（'dropdown'）
drop.addEventListener（'change'，函数（e）{
text.textContent='产品名称：'+e.target.value
})

品名
黄色


尺寸：
iphone11.6.1
iPhone11Pro 5.8
Iphone 11 Pro Max 6.5
iPhoneX
iphonexs
iphonexsmax
Iphone XR
iPhone7
iPhone8
iPhone7 Plus
iPhone8 Plus
iphone6
iphone6s
iphone6plus
Iphone 6s Plus

代码中没有

#name

或

#dropdown

元素，因此错误很明显，正如您在代码段中看到的那样。请编辑问题以包含所有相关代码。也没有

#name

元素。我不小心使用了我修复的错误元素it@Ricardo可能有一百万种不同的东西。检查控制台是否存在错误，尝试消除可能出现的问题，看看是什么导致了错误，等等。