自我更新下拉菜单

时间:2013-12-27 17:05:59

标签: javascript php jquery sql drop-down-menu

我有一个包含2个下拉菜单的表单:1)Paese和2)EsameITA。我希望第二个(EsameITA)使用第一个(Paese)中的选定值更新查询。我希望这两个下拉列表能够在没有页面刷新的情况下相互通信。目前我设法运行一个函数,SetEsameITA()由第一个下拉菜单的“onchange”触发。此函数运行填充第二个下拉列表的常规查询。一切正常。 现在,我希望此函数将查询传递给特定值(Paese.value),以便根据它运行查询(例如SELECT EsameITA FROM Esami WHERE 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>

0 个答案:

没有答案