Question

我是新手，也是编程中的超级菜鸟。我的项目遇到了麻烦。我的问题是我想在提交后隐藏表单并保留其中的数据输入。

这是我的代码：

<?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
    }
}
?>

这段代码在while循环中，我的问题是我提交后所有表单都被隐藏了。我想要的只是在查询中隐藏具有特定ID的表单。

Answer 1

最简单的方法是使用jQuery隐藏

将jquery包含在

中

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

$("#buttonid").click(function(){
  $("#formid").hide();
});

Answer 2

您正在<form>标记中找到类似内容：

<form method="post" action="" id="awesome_form" onSubmit="document.getElementById('awesome_form').style.display = 'none';">

Answer 3

使用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>

最好不要使用内联javascript

提交后隐藏具有特定ID的表单字段

3 个答案: