使用提交按鈕後，我們如何在同一頁面上保留同一頁上不同的表單？

-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

使用提交按鈕後，我們如何在同一頁面上保留同一頁上不同的表單？

回答

相關問題