如何使用jquery清除提交的php表单数据?
我正在尝试生成从表单提交的表单数据 单击“清除”按钮后将被清除。现在,它将清除、刷新 页面,然后重新显示提交的数据。所有这些代码都在“index.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'
<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');