Javascript 显示所选内容的数据

我开始学习DOM，我只是想测试一些东西，我创建了一个下拉列表，我想根据选择显示数据。我不知道我写的是否正确

事先谢谢你的帮助

var show=document.getElementById（“show”）；
var select=document.getElementById（“select”）；
如果（选择==“引导”）{
var newContent=document.createTextNode（“您选择了Boots”）；
show.appendChild（newContent）；
}
else if（选择==“袜子”）{
var newContent2=document.createTextNode（“您选择了Socks”）；
show.appendChild（newContent2）；
}
否则{
var newContent2=document.createTextNode（“您选择了Tie”）；
show.appendChild（newContent2）；
}

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带

您可以试试这个

函数更改（）{
var show=document.getElementById（“show”）；
var select=event.target.value；
var newContent=“您选择的”+选择；
show.innerHTML=newContent；
}

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带

您可以试试这个

函数更改（）{
var show=document.getElementById（“show”）；
var select=event.target.value；
var newContent=“您选择的”+选择；
show.innerHTML=newContent；
}

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带

您需要将代码包装在

onchange

事件处理程序中，以便在每次选择更改时运行代码。然后，无需每次选择更改时都不断追加子节点，只需设置

show

元素的

innerHTML

。此外，除非考虑<代码>“Type”< /代码>为默认值，否则您可能需要检查：

然后需要正确获取所选项目的值。一种方法是执行

select.options[select.selectedIndex].text

，它将获取所选

option

元素的文本值

var show=document.getElementById（“show”）；
var select=document.getElementById（“select”）；
select.onchange=function（）{
value=select.options[select.selectedIndex].text；
如果（值=“引导”）{
show.innerHTML=“您选择了引导”；
}
else if（值=“袜子”）{
show.innerHTML=“您选择了袜子”；
}
否则，如果（值=“平局”）{
show.innerHTML=“您选择了领带”；
}
否则{
show.innerHTML=“”；
}
}

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带

您需要将代码包装在

onchange

事件处理程序中，以便在每次选择更改时运行代码。然后，无需每次选择更改时都不断追加子节点，只需设置

show

元素的

innerHTML

。此外，除非考虑<代码>“Type”< /代码>为默认值，否则您可能需要检查：

然后需要正确获取所选项目的值。一种方法是执行

select.options[select.selectedIndex].text

，它将获取所选

option

元素的文本值

var show=document.getElementById（“show”）；
var select=document.getElementById（“select”）；
select.onchange=function（）{
value=select.options[select.selectedIndex].text；
如果（值=“引导”）{
show.innerHTML=“您选择了引导”；
}
else if（值=“袜子”）{
show.innerHTML=“您选择了袜子”；
}
否则，如果（值=“平局”）{
show.innerHTML=“您选择了领带”；
}
否则{
show.innerHTML=“”；
}
}

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带

您可以在下拉列表中添加事件侦听器，并在每次选定值更改时触发函数。此功能可用于替换显示的文本。请尝试下面的代码

var show=document.getElementById（“show”）；
var select=document.getElementById（“select”）；
select.addEventListener（'change'，function（））{
show.innerHTML=“您选择了”+this.value；
});

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带




您可以在下拉列表中添加事件侦听器，并在每次选定值更改时触发函数。此功能可用于替换显示的文本。请尝试下面的代码


var show=document.getElementById（“show”）；
var select=document.getElementById（“select”）；
select.addEventListener（'change'，function（））{
show.innerHTML=“您选择了”+this.value；
});

请从以下选项中选择一个

选择一个。。。
靴子
袜子
领带




我们需要为您解决的问题是什么？如果我选择boots，它将显示“you choose boots”。但它不断显示您选择领带而不考虑选择我们需要为您解决的问题是什么？如果我选择靴子，它应该显示“您选择靴子”。但是它不断地显示你选择了领带，而不管你选择了什么。谢谢你的解决方案。谢谢你的解决方案。