在提交时显示 DIV 的内容

Displaying the content of a DIV on submit

本文关键字：DIV 显示 提交      更新时间：2023-09-26

我有一个HTML形式。提交时，表单POST值到页面.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");

}
如果你想

将数据发布到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>

并在页面中使用 $_POST["文本"].php

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

尝试这样的事情。

你可以向URL添加一个值，并使用该值来调用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 代码放在表单上方

相关文章：