如何使用jquery清除提交的php表单数据?

如何使用jquery清除提交的php表单数据?,php,jquery,forms,Php,Jquery,Forms,我正在尝试生成从表单提交的表单数据 单击“清除”按钮后将被清除。现在,它将清除、刷新 页面,然后重新显示提交的数据。所有这些代码都在“index.php”中 操作设置为的 <div class="formData" id="formData"> <?php session_start(); error_reporting(0); if(isset($_POST['name'], $_POST['age'],)) { if(!isset($_SESSION['inputs'

我正在尝试生成从表单提交的表单数据 单击“清除”按钮后将被清除。现在,它将清除、刷新 页面,然后重新显示提交的数据。所有这些代码都在“index.php”中 操作设置为的

<div class="formData" id="formData">
<?php
session_start();
error_reporting(0);
if(isset($_POST['name'], $_POST['age'],))
{
   if(!isset($_SESSION['inputs']))
    {

      $_SESSION['inputs'] = array();
    }
      $_SESSION['inputs'][] = $_POST;

      foreach($_SESSION['inputs'] as $input)
     {

    echo " <span class='trip'> {$input['name']} <br> {$input['age']} <br> 
 </span>";

 }



 }
  ?>
  </div>
 <form action="index.php" method="post">
 <input type="text" name="name" placeholder="Name">
  <input type="text" name="age" placeholder="Age">
  <button id="clear"> Clear</button> 

</form>
 <script type="text/javascript">
    $("#clear").click(function()
  {
      $("#formData").empty();
   });
 </script>


您没有填充组合,所以我猜您指的是缓存。如果要确保所有内容都已清除,则重置按钮必须执行$('input').val(“”);要清除页面中的每个输入。

只需在表单上添加id,并使用jquery或java脚本作为:

<form action="index.php" method="post" id="yourForm">

$("#yourForm").trigger('reset'); //jquery

document.getElementById("yourForm").reset(); //java script

$(“#yourForm”).trigger('reset')//jquery
document.getElementById(“yourForm”).reset()//java脚本

这将重置表单数据

您没有直接设置字段,因此不应该填充这些字段。你的浏览器会自动完成吗?是的,它会自动完成@我的意思是,是浏览器本身填充了它而不是php吗?例如,在chrome中,chrome将字段变为黄色,表示它正在加载缓存数据。请尝试
$('input')。val(“”)
是的,我现在明白你的意思了。田野确实变黄了@乔希$(“#清除”)。单击(函数(){$(“#表单数据”).empty();})//java脚本//这会将其清除,但当我再次提交数据时,会显示所有旧信息和新信息,我如何才能在单击“重置”后将新数据添加到页面?当我刷新page@kylel95:$(“输入[类型=文本]”).val(“”);
$("#formData").trigger('reset');