javascript - 单击提交后如何使表单标签消失

Question

我想让这个表单标签在我点击提交按钮后消失。我尝试使用“formaction”，但它不允许我将数据添加到数据库中。我正在考虑使用 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，您可以创建事件并将其绑定(bind)到提交按钮，

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

在您的发件人中，您可以做类似的事情。

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