如何使用按钮</div>清除<div>的内容

时间:2012-09-18 05:45:40

标签: php mysql html html5

我已经编写了php代码来检索数据从数据库到div中的div.i有另一个表单有一个提交按钮,当我点击该按钮时,它将执行检索数据库值的功能,并且将显示该值在一个部门。我在分区中有以下代码如何使用按钮清除它。

这是从上一个表单提交值时检索的php代码

 <div id="result" style="margin-left:10px;">
<?php
    mysql_connect("localhost", "root") or die (mysql_error ());
    mysql_select_db("theaterdb") or die(mysql_error());
    $strSQL =("SELECT theater_name,address FROM theaters WHERE theater_name='" . mysql_real_escape_string($_POST['course']) . "'");
    $rs = mysql_query($strSQL);
    while($row = mysql_fetch_array($rs)) {
    echo "<b>Theater Name:</b><br>";
    echo $row['theater_name'] . "<br /><br /><br />";
    echo "<b>Theater Address:</b><br>";
    echo $row['address'] . "<br />";
     }
     mysql_close();
    ?>

我有一个按钮的以下HTML代码

<form method="post">
<input type="reset" value="reset" />
</form>

我正在使用此按钮。当我点击此按钮时,它应该清除分区的内容,如何做到这一点......任何人都可以帮助我....

提前致谢....

3 个答案:

答案 0 :(得分:2)

如果你有jQuery,你可以用它来实现它

$('input[type="reset"]').on('click', function(e){
    e.preventDefault();
    $('#result').empty();
})

示例:jsFiddle

答案 1 :(得分:2)

重置按钮无法清除DIV内容。您可以使用表单提交事件来完成。在普通的JavaScript中,它应该是这样的:

<script>
function clear_div() {
    document.getElementById("result").innerHTML = "";
}
</script>

<div id="result"></div>
<form method="POST" action="process.php" onsubmit="clear_div()">
<input type="submit">

答案 2 :(得分:0)

使用jQuery:

$("form").submit(function(e){
 e.preventDefault();
 $("#result").empty();
});