点击提交

Question

我想在点击提交按钮后使此表单标签消失。 我尝试使用“编码”，但它不允许我将数据添加到数据库。我正在考虑使用JavaScript，但不知道如何使这个表单消失。

<form id ='eventdetail' name='eventform' method='POST' action="<?php $_SERVER['PHP_SELF']; ?>?month=<?php echo $month;?>&day=<?php echo $day;?>&year=<?php echo $year; ?>&v=true&add=true">
    <table width='400px' border='0'>
        <tr>
            <td width='150px'>Date</td>
            <td width='250px'><input type='text' name='txttitle' value ='<?php echo $month?>/<?php echo $day?>/<?php echo $year?>'></td>
        </tr>
        <tr>
            <td width='150px'>Title</td>
            <td width='250px'><input type='text' name='txttitle'></td>
        </tr>
        <tr>
            <td width='150px'>Detail</td>
            <td width='250px'><textarea name='txtdetail'></textarea></td>
        </tr>
        <tr>
            <td colspan='2' align='center'><input type='submit' name='btnadd' value='Add Event'></td>
        </tr>
    </table>
</form>

Answer 1

使用javaScript，您可以创建一个事件，然后将其绑定到提交按钮

var hideForm = function() {  
  // to hide 
  var form = document.getElementById('eventdetail');
  form.style.display = 'none';
};

在你身上，你可以做那样的事。

<input type="submit" name="btnadd" value="Add Event" onclick="hideForm()">

Answer 2

在大多数网站上，提交按钮链接到另一个页面（它可能是没有表单的同一页面），您可以阅读更多关于提交按钮以及它们在这里通常使用的方式http://www.w3schools.com/html/html_forms.asp向下滚动到“提交按钮“部分！

希望有所帮助！

Answer 3

如果您想在没有刷新的情况下停留在同一页面上，可以使用AJAX发送表单的数据。 之后，使用JavaScript使表单消失：该函数为 removeChild() 。