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

时间:2016-02-27 03:42:07

标签: 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']))
    {

      $_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>

3 个答案:

答案 0 :(得分:0)

你没有填充组合,所以我猜你的意思是缓存。如果你想确保一切都被清除,重置按钮必须执行$('input')。val('');清除页面中的每个输入。

答案 1 :(得分:0)

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

R4

答案 2 :(得分:0)

$("#formData").trigger('reset'); 

这将重置表格数据。