Javascript 自更新下拉菜单

我有一个带有两个下拉菜单的表单：1）Paese和2）EsameITA。我希望第二个（EsameITA）使用从第一个（Paese）中选择的值进行查询更新。我希望这两个下拉列表能够在不刷新页面的情况下相互通信。在我设法运行一个函数的那一刻，由第一个下拉菜单的“onchange”触发SetEsameITA（）。此函数运行填充第二个下拉列表的常规查询。一切正常。 现在，我希望这个函数向查询传递一个特定的值（Paese.value），以便基于它运行查询（例如，从Esami中选择EsameITA，其中EsameITA=Paese.value）。 有人能解释一下我如何在查询中指定？非常感谢，如果我把事情搞砸了，请提前道歉，但我不是专家

<script>
 function SetEsameITA(Paese) {
 var objEsameITA = document.getElementById("EsameITA");
 objEsameITA.options.length = 0;
 objEsameITA.disabled = false;
 switch (Paese.value) {
 default:
  <?php
  $con=mysqli_connect("localhost", "user", "pwd","db");
  $dropesameITA = mysqli_query($con,"SELECT EsameITA FROM Esami");
  while($row = mysqli_fetch_array($dropesameITA)) 
     {
     $EsameITA = $row[0];
     echo "objEsameITA.options.add(new Option('".$EsameITA."'));";
     }
  ?>   
 break;
 }
 }
</script>

<?php
 $Paese = "";
 $Uni = "";
 $EsameITA = "";
 $con=mysqli_connect("localhost", "user", "pwd","db");
 ?>

 <form action="<?php echo the_permalink(); ?>" method="post">

  <select name="Paese" id="Paese" onchange="SetEsameITA(this)">
  <option value="" selected="selected" disabled="disabled">Seleziona il Paese di destinazione</option>
   <?php
    $droppaese = mysqli_query($con,"SELECT Paese, Uni FROM esperienze ");
    while($row = mysqli_fetch_array($droppaese)) 
    {
    $Paese = $row[0];
    $Uni = $row[1];
    echo '<option value='.$Paese. '>'.$Paese; echo ' - ' .$Uni;
echo '</option>';
    }
   ?>
 </select>

 <select name="EsameITA" id="EsameITA" disabled="disabled"> 
 <option>Seleziona un esame</option>
 </select>

 <input type="submit" name="Cerca" value="Cerca">
 </form>

函数集A（Paese）{
var objEsameITA=document.getElementById（“EsameITA”）；
objEsameITA.options.length=0；
objEsameITA.disabled=false；
开关（参数值）{
违约：
伊萨米岛

为此，您应该使用ajax将首选值发送到使用ajax的服务器，并根据该值返回结果非常感谢您的回复，有人能解释一下如何实现ajax代码或给我一些提示吗？我对此知之甚少。