在提交时显示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的内容

回答

相关问题