javascript - 如何在jQuery中单击按钮显示/隐藏表单？

我的页面中有两种形式。我使用HTML内联样式隐藏了表单2。

        <form id="productionForm" name="productionForm" method="POST" style="display:none;">

我在表格1上有输入按钮。

    <input id="buttonProductionSummary"  class="buttonProductionSummary" type="submit" value="Submit" />

我有JQuery代码，可以在单击表单1的按钮时加载表单2。我的JQuery代码如下。

    <script type="text/javascript">
    $(document).ready(function(){

        $("#buttonProductionSummary").click(function() {
            $("#productionForm").show();
        });
    });
</script>

当我单击表单一中的按钮时，页面再次被重新加载，因此表单2出现并再次消失。当我单击表单1上的按钮时，如何使表单2出现。

最佳答案

您需要防止表单的默认行为:

$("#buttonProductionSummary").click(function(e) {
    $("#productionForm").show();

    e.preventDefault();
});

关于javascript - 如何在jQuery中单击按钮显示/隐藏表单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13888093/