在提交時顯示DIV的內容

我有一個HTML表單。在提交表格POST值page.php。該視圖然後導航至page.php並顯示成功消息。我想阻止用戶導航到page.php，並顯示<div id="first">在提交時顯示DIV的內容

換句話說，我想要做的是重置。（顯示<div id="first">用戶點擊完成按鈕後）

<form action="page.php" method="post"> 
    <div id="first" class="m span3"> 
     THIS DIV CONTAINS FEW TEXT BOXES 
    </div> 
<div id="second" class="m2 span3"> 
     THIS DIV CONTAINS FEW TEXT BOXES AND COMBOBOXES 
    </div> 
<div id="last" class="m3 span3"> 
     THIS DIV CONTAINS FEW TEXT BOXES 
    </div> 
    </form>

一旦用戶點擊完成按鈕下面的函數被炒魷魚

function onComplete() { 


     $('form').submit(); 
     alert("clicked"); 


}

來源

2013-09-28 sharon Hwk

哪裏是完成按鈕？另外，最初是隱藏的div嗎？ – karthikr

表單中有一個按鈕，當用戶點擊它時表單將被提交（'onComplete（）'被執行）。該部門最初並未隱藏起來。這是一個嚮導應用程序，其中每個div都將顯示。現在，一旦表單被提交，我想顯示第一個div。 –

$('form').submit(function (e) { 
    e.preventDefault(); 
    $('first').show(); 
}

嘗試這樣的事情。

來源

2013-09-28 20:34:06 ortegaONE

您可以爲網址添加值並使用該值調用div。如：

<form action="page.php?action=formSent" method="post"> 
    // form data 
</form>

然後使用一些PHP獲取動作調用，並用它來顯示DIV：

<?php 
    if(isset($_GET['action']) && $_GET['action'] == "formSent"){   
     <div id="first"> 
      div content 
     </div> 
    } 
?>

您可以將上述形式的PHP代碼

來源

2013-09-28 20:34:09 vasco

，如果你想要將數據發佈到main.php而不重定向頁面我建議您使用Ajax。這是一個簡單的代碼，但可以給你一個想法來構建應用程序：

<html> 
<head> 
<script type="javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
function complete() { 
$.ajax({ 
    type : "post", 
    data : "text="+$("#"+textbox_1).value, 
    url : "page.php", 
    success : function(response){ 
     alert("Done!"); 
    } 
}); 
} 
</script> 
</head> 
<body> 
<form action="page.php" method="post"> 
<input type="text" id="textbox_1"> 
<button onclick="complete()">submit</button> 
</form> 
</body> 
</html>

和page.php文件使用$ _ POST [「文本」]

來源

2013-09-28 20:34:46 Drupalist

在提交時顯示DIV的內容

回答

相關問題