在js onchange之后维护页面内容

Question

在提交有js onchange的表单之后，我一直很难想如何让页面保持原状。

这是我的下拉列表，我会在每日销售和月销售之间进行选择。

<form action="" method="post">
 <select name="sales" onchange="javascript: submit()">
   <option>Select an option</option>
   <option>Daily Sales</option>
   <option>Monthly Sales</option>
 </select>
</form>

这是php代码，我将在另一个onchange上输出一些代码。

<?php
$sales =  isset($_POST['sales']) ? $_POST['sales'] : '';
if(isset($sales)) {

if($sales == 'Daily Sales') {
    echo '<input type="date" name="daily" onchange="this.form.submit()">';
    echo 'Some tables here';
}
else{
  echo '<input type="date" name="monthly" onchange="this.form.submit()">';
  echo 'Some tables here';
}
}
?>

现在，我的问题是当我点击例如每日销售并显示每日销售额和每日销售额时，当我使用其中包含onchange的输入类型时，每日销售额就会消失。我怎么能做到这一点，除了为每日和每月销售单独的PHP文件，只是在下拉列表中href它？谢谢。