在提交时显示DIV的内容

Question

我有一个HTML表单。 在提交表单时，将POST值添加到page.php。 然后，视图导航到page.php并显示成功消息。 我想防止用户导航到page.php ，并显示<div id="first">

换句话说，我想做的是重置。 （在用户单击“完成”按钮后显示<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>

用户单击DOne按钮后，将触发以下功能

function onComplete() {


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


}

Answer 1

如果您想将数据发布到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 ['text']

Answer 2

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

尝试这样的事情。

Answer 3

您可以在网址中添加一个值，然后使用该值来调用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代码放在表单上方

在提交时显示DIV的内容

问题描述

3 个解决方案

解决方案1
1 2013-09-28 20:34:46

解决方案2
0 2013-09-28 20:34:06

解决方案3
0 2013-09-28 20:34:09

在提交时显示DIV的内容

问题描述

3 个解决方案

解决方案1 1 2013-09-28 20:34:46

解决方案2 0 2013-09-28 20:34:06

解决方案3 0 2013-09-28 20:34:09

解决方案1
1 2013-09-28 20:34:46

解决方案2
0 2013-09-28 20:34:06

解决方案3
0 2013-09-28 20:34:09