Javascript 将数据从mysql拉入下拉列表，但选择后不刷新

我正在尝试将MySQL数据库中的数据拉入一个下拉列表，我已经成功地完成了这项工作。但问题是，当加载数据并进行选择时，应根据所做的选择显示一个表。它可以工作，但当表格显示时，所选项目不会在下拉列表中保持选中状态-它会刷新页面，下拉列表将返回默认的选定值

<form method="post">

<label style="padding-left:13%;">Select Course: </label>
      <?php
      $query=mysqli_query($dbc,"select * from courses");

      echo "<select class='form-control' name='course_code' style='height:50px; width:300px;'  onchange='this.form.submit()' >";     
       echo "<option value='' selected='selected'>-Select-</option>";
      while($course_code=mysqli_fetch_row($query))
      {       
       ?>

       <option class="sel" value="<?php echo $course_code[0];?>"><?php echo $course_code[1]; ?> </option>;
       <?php

       }

      echo "</select>";?>

      </div> <!--col-lg-4-->
      </form>

if($_SERVER['REQUEST_METHOD'] == 'POST') {

$ccode=(isset($_POST['course_code']) ? $_POST['course_code'] :null);


$_SESSION['ccode']=$ccode;

?>

选择课程：
选择项目后，使用
标记的布尔属性（并将其从第一个选项中删除，即具有空值的选项）。当代码与POST数据中的值匹配时，则在给定选项的标记中包含选定的

while($course_code=mysqli_fetch_row($query))
{  
    $selected = '';
    if ($course_code[0] == $_POST['course_code']) {
         $selected = 'selected';   
    }
    ?>
    <option class="sel" value="<?php echo $course_code[0];?>" <?php echo $selected;?>><?php echo $course_code[1]; ?> </option>;

while（$course\u code=mysqli\u fetch\u row（$query））
{  
$selected=''；
如果（$course\u code[0]=$\u POST['course\u code']））{
$selected='selected'；
}
?>
使用
AJAX
从数据库中提取数据。你能将表单粘贴到哪里吗？你能给我一个如何使用AJAX的示例代码吗。@julekgwa在那里查看代码，检查echo标记中的select语句。尝试在第一次下拉菜单中使用带有onchange事件的AJAX试试这个我正在使用你的代码，但它只是一个例子从数据库中播放一个课程。请使用数据库而不是数组进行尝试。嗯-那么您想允许选择多个选项吗？不，不，不，不，不，但我，它不是从下拉列表中的数据库中拉取所有课程，它只是拉取一个。您是否更改了SQL查询（即，
$query=mysqli\u query（$dbc，“从课程中选择*）；
）？现在可以用了，谢谢。我用的是你的js fiddler代码。这就是为什么它不能用的原因，谢谢。
<select class="form-control" name="course_code" style="height:50px; width:300px;" onchange="this.form.submit()">
     <option>-Select-</option>
     <option class="sel" value="phys">Physics </option>;
     <option class="sel" value="mth" selected>Math </option>;
</select>