javascript - 单击其他按钮时隐藏一个表单(两个按钮，两个表单)(PHP/HTML/Javascript)

Question

我目前有两个按钮，每个按钮显示不同的形式。我还有按钮，当您单击它时，它会显示表单，如果您再次单击它，它会隐藏表单。

我想要它做什么:我正在尝试获取它，以便如果已经显示一个表单并且我单击其他表单的按钮，则当前显示的表单将隐藏，而另一个将显示。

这是我认为可行的方法，但如果显示其中一个表单，然后我单击另一个表单的按钮，则没有任何反应。

<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>	

我确定我犯了一些非常愚蠢的错误。谁能帮我解决这个问题并解释我做错了什么以及我应该做什么？谢谢!

Answer 1

您正在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";
                                             ^
}