Javascript 基于选择选项显示div

我试图在下拉列表中根据所选选项显示div。它与选项

1

和

2

一起工作，但当我选择第二个选项时，它会显示第三个

div

功能值新建（ele）{
//获取类名为“div”的所有div
var div=document.getElementsByClassName（'div'）；
//迭代它们并隐藏所有
对于（var i=0；i您有一个输入错误：

 <option vlaue="1">2</option>

2

更改为：

 <option value="1">2</option>

2

看到它工作了吗


功能值新建（ele）{
//获取类名为“div”的所有div
var div=document.getElementsByClassName（'div'）；
//迭代它们并隐藏所有
对于（var i=0；i您有一个输入错误：

 <option vlaue="1">2</option>

2

更改为：

 <option value="1">2</option>

2

看到它工作了吗


功能值新建（ele）{
//获取类名为“div”的所有div
var div=document.getElementsByClassName（'div'）；
//迭代它们并隐藏所有
对于（var i=0；i您有一个输入错误：

 <option vlaue="1">2</option>

2

更改为：

 <option value="1">2</option>

2

看到它工作了吗


功能值新建（ele）{
//获取类名为“div”的所有div
var div=document.getElementsByClassName（'div'）；
//迭代它们并隐藏所有
对于（var i=0；i您有一个输入错误：

 <option vlaue="1">2</option>

2

更改为：

 <option value="1">2</option>

2

看到它工作了吗


功能值新建（ele）{
//获取类名为“div”的所有div
var div=document.getElementsByClassName（'div'）；
//迭代它们并隐藏所有
for（var i=0；iI可能会将
var div=document.getElementsByClassName（'div'）；
移动到函数外部。无需每次进行选择时收集所有元素。@Andy:谢谢你的好建议我可能会移动
var div=document.getElementsByClassName（'div'））；
在函数外部。无需每次选择时收集所有元素。@安迪：谢谢你的好建议，我可能会移动
var div=document.getElementsByClassName（'div'））；
在函数外部。无需每次选择时收集所有元素。@安迪：谢谢你的好建议，我可能会移动
var div=document.getElementsByClassName（'div'））
函数之外。没有必要在每次选择时收集所有元素。@Andy:谢谢你的好建议是的，有时候我们需要第二个意见，因为我们的眼睛被打破了。我理解你：）无论如何，谢谢你，伙计：）是的，有时候我们需要第二个意见，因为我们的眼睛被打破了。我理解你：）无论如何，谢谢巴迪：）是的，有时我们需要第二个意见，因为我们的眼睛被打破了。我理解你：）无论如何，谢谢巴迪：）是的，有时我们需要第二个意见，因为我们的眼睛被打破了。我理解你：）无论如何，谢谢巴迪：）