Javascript 基于选择选项显示/隐藏div无效
ey,我的选择器列表中有1个选项,我希望div不会在选中该选项时显示。当另一个被选中时,它的背部 HTML:Javascript 基于选择选项显示/隐藏div无效,javascript,html,Javascript,Html,ey,我的选择器列表中有1个选项,我希望div不会在选中该选项时显示。当另一个被选中时,它的背部 HTML: 函数weg(){ var x=document.getElementById(“wegwezen”); 如果(x.style.display==“无”){ x、 style.display=“block”; }否则{ x、 style.display=“无”; } } 苏尔特·贝汉德林 沃尔沃汽车 萨博 法令 奥迪 Behandeling:€00,00将此传递到对weg()的函数调用
函数weg(){
var x=document.getElementById(“wegwezen”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
苏尔特·贝汉德林
沃尔沃汽车
萨博
法令
奥迪
Behandeling:€00,00
将此
传递到对weg()的函数调用中。然后删除第一个选项上的onclick
,因为这是不需要的
在weg
函数中,接受this
参数(这里我称之为elem
),并使用该参数使用elem.value
获取所选项目的值。根据该值,您可以使用元素的.style
属性选择是显示还是隐藏元素
最后,由于第一个选项被选为默认选项,您需要首先隐藏div。您可以通过将style=“display:none;”“
添加到您的div来实现这一点
请参见下面的工作示例:
函数weg(elem){
var x=document.getElementById(“wegwezen”);
如果(元素值!=“Behandleing”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
苏尔特·贝汉德林
沃尔沃汽车
萨博
法令
奥迪
贝汉德林:00,00欧元
使用这个。我希望这对您有用。
函数weg(elem){
var x=document.getElementById(“wegwezen”);
如果(元素值==“behandeling”){
x、 style.display=“无”;
}
否则{
如果(x.style.display==“无”){
x、 style.display=“block”;
}
}
}
苏尔特·贝汉德林
沃尔沃汽车
萨博
法令
奥迪
贝汉德林:€00,00
myfun()函数在哪里?我认为您的逻辑与OP需要的相反,当选择了value=贝汉德林
时,您正在显示div,他想隐藏。@Calvinnues啊,对不起。我没有回答这个问题。我现在已经确定了答案。谢谢:)