使用提交按钮后，我们如何在同一页面上保留同一页上不同的表单？

-1

我想建立一个表单生成器，其中整个html根据其表单ID来自数据库。使用提交按钮后，我们如何在同一页面上保留同一页上不同的表单？

我想问的是，当我们点击提交按钮时，表单id将如何增加，以便我们在同一页上获得新表单。我怎样才能做到这一点？

来源

2014-03-25 user3248197

显示第一种形式和隐藏第二个，使用AJAX日提交的第一种形式，然后显示第二种形式和隐藏第一个 –

您可以向我们提供您'form' ID将如何看起来像 – krishna

您可以使用JavaScript或JQuery。添加处理程序以提交点击按钮。

使用ajax调用处理数据，然后隐藏当前表单并显示第二个表单。

开始......

Form1中 - 显示是真的

窗口2 - 用ajax

Form1中显示为假

onclick处理

过程数据 - 显示为虚假
form2 - display 为true。

如果您需要更多信息，请告知我。

来源

2014-03-25 05:03:02

我没有与阿贾克斯一起工作。逻辑似乎很好，很容易。请你告诉我处理程序的确切编码语法，因为我是这个领域的新手。 – user3248197

很简单。首先创建HTML这样的

<form id="form1"> 
    .... 
    <button type="submit" id="test">Submit</button> 
</form>

现在的JS部分

$("#test").on("click", function(event) { 
    event.preventDefault(); 
    $.post(URL, form1.serialize(), function(data) { 
     //Create new form with the server data here. 
    }); 
});

请注意，这是试探性的代码，你可能要优化您的使用情况。

来源

2014-03-25 05:10:26 Bikas

<html> 
<head> 
<script> 

$.ajax({ 
        type: "POST", 
        url: path , 
        data: {id:$('#id').val()+1}, 
        success: function(res) { 
         $('#varible_html').html(""); 
         $('#varible_html').html(res); // res contain the html that you want to set on page 
        }, 
        error:function (res) 
        { 
         alert(res); 
        } 
       }); 
    </script> 
</head> 
<body> 
<form id="test" name="test"> 
<input type="hidden" id="id" value = "<?=$id?>"> 
<div id="varible_html"> 
</div> 
<input type="button" onclick="sub()" id="btn"> 
</form> 
</body> 
</html>

来源

2014-03-25 05:14:10

使用提交按钮后，我们如何在同一页面上保留同一页上不同的表单？

回答

相关问题