Javascript 通过ajax使用下拉表单重新填充多个选择表单

我想通过选择一个下拉值，用ajax从数据库中重新填充一个多选表单

以下是下拉菜单的代码：

    <?php 
    $sql2 = "select _id, title from sub_category order by title;";
    $sel2 = mysqli_query($connect,$sql2);
    $array2 = array();
    while($row2 = mysqli_fetch_assoc($sel2)){
      $array2[] = $row2;
    }
    ?>

       <div class="span2">
            <select name="des_pos" id="des_pos">
               <?php
                  foreach($array2 as $value2){ ?>

                  <option value ="<?php echo $value2['_id']; ?>" <?php if($value2["title"] == $desired_position){ echo 'selected="selected"';} ?>><?php echo $value2['title']; ?> </option>

                  <?php

                  }
                  ?>
            </select>
        </div>

下面是多选表单的代码：

$sql4 = "SELECT _id, score_type from test_category where sub_code='$des_pos_id'";

  $sel4 = mysqli_query($connect,$sql4);

  $array4 = array();

  while($row4 = mysqli_fetch_assoc($sel4)){

      $array4[] = $row4;

  }

            <select name = 'test_tags[]' multiple>
            <?php

            foreach($array4 as $value4){ ?>

            <option value ="<?php echo $value4['_id']; ?>" <?php echo in_array($value4['_id'], $test_tag) ? 'selected="true"' : null; ?>><?php echo $value4['score_type']; ?></option>

            <?php

            }
            ?>
            </select>

所以我想要的输出是，多选表单的值应该根据下拉菜单上的选择而改变

---

我需要一个jquery.ajax代码，但是我不知道从哪里开始。。。我是通过一个$u的帖子得到这个值的。。但我想这样做，而不必浏览另一个页面和重定向。

一些有用的东西： AJAX教程：

那么你需要了解

然后你需要了解

混合这些内容将教会您如何解决问题。

在第一个下拉菜单des_pos select事件中，将ajax帖子发送到php页面，如下所示

 $("#des_pos").select(function(e){
 $.ajax({
   url:"getdropdata.php",
   dataType:"json",
   success: function(data){
     $.each(data,function(index,value){
      $("#multiselect").append("<option value="+value+">"+value+"</option>"));
  });
 }
})
});

---

你有什么问题？我需要一个jquery.ajax代码，但是我不知道从哪里开始。。。我是通过一个$u的帖子得到这个值的。。但我想这样做，而不必通过另一个页面和重定向。