2回目のドロップダウンは、最初のドロップダウンによって異なります。どうやって？

Question

は、私は私のプログラムで2回のドロップダウンを持っている、と私はそれがこのようになりたい：

• 私は、従業員やディスプレイのリストを持っている/リストを移入し、ダウン私の最初のドロップの内側にそれを を置きます。
• 第2の理由は、「Francis」を選択すると2番目のドロップダウンが は、私が別の従業員を選んだときにFrancisなどの値/イベントしか持たないということです。

最初のドロップダウンは正しいと思いますが、その値を取得して、2番目のドロップダウンでWHERE句のSQL文に入れたいと思います。どうやって？

<tr> 
    <td><label for="cname">Client Name:</label></td> 
     <td><select name="cname" id="cname"> 
      <option>Choose</option> 
      <?php 
       include("alqdb.php"); 
       $result=mysqli_query($con, "SELECT ClientName FROM events"); 
        while($row=mysqli_fetch_assoc($result)){ 
         echo "<option>".$row["ClientName"]."</option>"; 
        } 
      ?> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td><label for="survey">Survey:</label></td> 
     <td><select name="survey" id="survey"> 
      <option>Choose</option> 
      <?php 
       include("alqdb.php"); 
       $result=mysqli_query($con, "SELECT EventTitle FROM events WHERE ClientName = 'Francis'"); 
        while($row=mysqli_fetch_assoc($result)){ 
         echo "<option>".$row["EventTitle"]."</option>"; 
        } 
      ?> 
      </select> 
     </td> 
    </tr>   

Answer 1

秒のためのAJAXリクエストを選択してください：

<?php 
    include("alqdb.php"); 
    $result=mysqli_query($con, "SELECT EventTitle FROM events WHERE ClientName = '"$_GET['cname']"'"); 
    while($row=mysqli_fetch_assoc($result)){ 
     echo "<option>".$row["EventTitle"]."</option>"; 
    } 
?> 

ajax.php

<tr> 
    <td><label for="cname">Client Name:</label></td> 
     <td><select name="cname" id="cname"> 
      <option>Choose</option> 
      <?php 
       include("alqdb.php"); 
       $result=mysqli_query($con, "SELECT ClientName FROM events"); 
        while($row=mysqli_fetch_assoc($result)){ 
         echo "<option>".$row["ClientName"]."</option>"; 
        } 
      ?> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td><label for="survey">Survey:</label></td> 
     <td><select name="survey" id="survey"> 
      <option>Choose</option> 
     </select> 
     </td> 
    </tr>  

：

をAJAXリクエスト HTMLのためのPHPファイルを作成します

js：

<script> 
$(function(){ 
$('#cname').on('change',function(){ 
    $.ajax({ 
    url:ajax.php, 
    data:{cname:$('#cname').val()}; 
    type:'get', 
    contentType:'html', 
    success:function(data){ 
    $('#survey').append(data); 
    } 
    }); 
}); 
}); 
</script> 

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.