Is there a way to submit a form without refreshing the page and hiding the current div while showing a hidden one?
I attempted to use the following code, but it ends up submitting the form and reloading the page.
<form method="post" name="searchfrm" action="schedule.php" >
<div><input type="text" placeholder="Patient Lastname" class="pName" id="pName" name="pName" /></div></br>
<div><input type="text" placeholder="Surgeon Name" class="sName" id="sName" name="sName" /></div></br>
<div>
<span><input type="text" placeholder="mm" class="mm" name="mm" /></span>
<span><input type="text" placeholder="dd" class="dd" name="dd" /></span>
<span><input type="text" placeholder="yyyy" class="yyyy" name="yyyy" /></span>
<span><input type="button" class="sButton" id="sButton"/></span>
</div>
<!-- Search Results -->
<div id="searchDiv" class="searchDiv" style="display:none;">
<?PHP
$dateVal = $_POST["yyyy"]-$_POST["mm"]-$_POST["dd"];
$sName = $_POST["sName"];
$pName = $_POST["pName"];
echo "dateVal".$sName;
$ser_val=@mysql_query("SELECT * FROM issio_patient_procedures WHERE procedure_date='$dateVal' AND asc_id='$ascId' AND surgeon_name='".$sName."' ");
if(@mysql_num_rows($ser_val)>0)
{
$se_count=0;
while($se_count_det=@mysql_fetch_assoc($ser_val))
{
$se_count++;
echo $se_count_det["surgeon_name"];
}
}
?>
</div>
<!-- Search Results End -->
<div class="scroll" id="scroll" style="display:block;">
<div class="dateHeader">
Some content....
</div
</div