選択されたオプションは、データベースのデータベースからフェッチする

Question

クリックしたときに、選択したオプションに関連するデータベースからデータをフェッチします。

別のオプションを選択すると、その選択のデータをフェッチします。

新しいデータオプションを取得すると、古いデータが置き換えられます。

新しいデータを新しい行に表示して、古いデータを新しいデータに置き換えないようにしたいとします。

<form action="" method="post"> 
    <div class="form-group"> 
     <label for="sel1">Select list:</label> 
     <select multiple name="names" class="form-control" id="sel1"> 
     <?php 
       $result = "SELECT Name FROM coder"; 

       $sql = $conn->query($result); 
       if ($sql->num_rows > 0) 
        while($row = $sql->fetch_assoc()) {?> 
         <option value='<?php echo $row['Name'] ?>'><?php echo $row['Name'] ?></option> 
       <?php } 
        ?>     
     </select> 
     </div> 
    <input type="submit" name="submit" class="btn btn-info"> 
</form> 


<table> 
    <thead> 

    </thead> 
    <tbody> 
    <?php 
    $result = "SELECT * FROM coder WHERE Name='$name'"; 

     $sql = $conn->query($result); 
     if ($sql->num_rows > 0) 
      while($row = $sql->fetch_assoc()) {{?> 
     <tr> 
      <td><?php echo $row['Name']?></td> 
     </tr> 

     <?php 
       } 
      } 
     ?> 

    </tbody> 
</table> 

Answer 1

結果が内部に配置されたら、divをバインドするためにjqueryを使用することをお勧めします。

また、direcy Queryを使用する代わりに、必要に応じてデータを取得するためにonChangeイベントのjQueryを使用することもできます。それはデータのフェッチのスピードを加速します。

divをsamall子divsに分割し、それらにデータを格納します。

あなたの問題は