我已经编写了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>
我正在使用此按钮。当我点击此按钮时,它应该清除分区的内容,如何做到这一点......任何人都可以帮助我....
提前致谢....
答案 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();
});