0

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

这是从以前的表单提交值时检索的 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>

我正在使用这个按钮。当我点击这个按钮时，它应该清除部门的内容，如何做到这一点..谁能帮助我....

提前致谢....

4

3 回答 3

2

如果你有它，你可以用 jQuery 来做

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

示例：jsFiddle

于 2012-09-18T05:56:47.420 回答
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">
于 2012-09-18T06:06:12.427 回答
0

使用 jQuery：

$("form").submit(function(e){
 e.preventDefault();
 $("#result").empty();
});
于 2012-09-18T05:54:52.530 回答