我目前有两个按钮,每个按钮显示不同的形式。我还有按钮,当您单击它时,它会显示表单,如果您再次单击它,它会隐藏表单。
我想要它做什么: 我正在尝试获取它,以便如果已经显示一个表单并且我单击其他表单的按钮,则当前显示的表单将隐藏,而另一个将显示。
这是我认为可行的方法,但如果显示其中一个表单,然后我单击另一个表单的按钮,则没有任何反应。
<script>
function show(x, y){
if(document.getElementById(x).style.display == "none" && document.getElementById(y).style.display != "none"){
document.getElementById(x).style.display == "block";
document.getElementById(y).style.display == "none";
}
else if(document.getElementById(x).style.display == "none") {
document.getElementById(x).style.display = "block";
}
else{
document.getElementById(x).style.display = "none";
}
}
</script>
<form>
<button type = "button" onclick = 'show("searchForm", "insertForm");'>Perform Search</button>
<button type = "button" onclick = 'show("insertForm", "searchForm");'>Insert Data</button>
</form>
<form id = "searchForm" value "search" style = "display: none;" action = "test2.php" method = "post">
<!-- My code -->
</form>
<form id = "insertForm" style = "display: none;" action = "test2.php" method = "post">
<!-- My code -->
</form>
我确定我犯了一些非常愚蠢的错误。谁能帮我解决这个问题并解释我做错了什么以及我应该做什么?谢谢!
最佳答案
您正在if
中进行比较==
,需要使用赋值=
if(document.getElementById(x).style.display == "none" && document.getElementById(y).style.display != "none"){
document.getElementById(x).style.display = "block";
^
document.getElementById(y).style.display = "none";
^
}
关于javascript - 单击其他按钮时隐藏一个表单(两个按钮,两个表单)(PHP/HTML/Javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29869627/