Php 提交后隐藏具有特定id的表单字段
我是新来的,是个编程高手。我的项目有问题。我的问题是,我想在提交后隐藏表单,并保留表单中输入的数据 这是我的密码:Php 提交后隐藏具有特定id的表单字段,php,Php,我是新来的,是个编程高手。我的项目有问题。我的问题是,我想在提交后隐藏表单,并保留表单中输入的数据 这是我的密码: <?php $displayform = true; if (isset($_POST['trck'])) { $track = addslashes(strip_tags($_POST['tracknumber'])); $ord = $_POST['id']; $displayform = false; if (!$track)
<?php
$displayform = true;
if (isset($_POST['trck']))
{
$track = addslashes(strip_tags($_POST['tracknumber']));
$ord = $_POST['id'];
$displayform = false;
if (!$track)
echo "Please enter your tracking number!";
else
{
mysql_query("update `orderdetails` set `trackno`='$track' where `id`='$ord'");
}
if ($row2['id']==$ord)
echo $_POST['tracknumber'];
}
if ($displayform)
{
?>
<form method="post" action="">
<input type="text" name="tracknumber" id="tracknumber" size="30" maxlength="30" placeholder="Enter your track number here." />
<input type="hidden" name="id" value="<?php echo $row2['id']; ?>">
<input type="submit" name="trck" id="trck" value="Save" onclick="return confirm(\'Are you sure you want to save this tracking number?\');" />
</form>
</td>
</tr>
<?php
}
}
?>
最简单的方法是使用隐藏
将jquery包含为
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
您正在您的
标记中查找类似的内容:
<form method="post" action="" id="awesome_form" onSubmit="document.getElementById('awesome_form').style.display = 'none';">
使用jQuery并使用:
$("#submitButtonId").click(function(){
$('#formId').hide();
});
或者在纯javascript中使用
<input type="submit" value="submit" onClick="hideIt()"/>
<script type="text/javascript" >
function hideIt() {
document.getElementById('formId').style.display = 'none';
}
</script>
函数hideIt(){
document.getElementById('formId').style.display='none';
}
最好不要使用内联javascript为什么不向我们展示完整的(格式化的)代码,包括隐藏表单的CSS部分。我还注意到表单在allIn处没有id,mysql\u query()
不推荐的废话废话…@GillianLoWong-隐藏表单的不是CSS,而是提交后计算为false的if($displayform)
。@BonCorcino,这段代码甚至不能满足您的要求。我建议您多学习一些web开发的基础知识。while循环在哪里?这也有助于证明这一点
<input type="submit" value="submit" onClick="hideIt()"/>
<script type="text/javascript" >
function hideIt() {
document.getElementById('formId').style.display = 'none';
}
</script>