javascript - 如何动态添加选择框，从数据库中检索数据

Question

我在 Web 开发方面遇到问题， 我已经使用 PHP、MySQL 和 HTML 添加了下拉列表。现在我想使用按钮并一次又一次地动态生成相同的选择框。我该怎么做，请帮助我..
这是我的选择框代码。

 <Select name="txt-computer_sn" class="form-control" id="txt-computer_sn">
     <?php
         include ('../svr/connection.php');
         $sql = "SELECT * FROM supplier";
         $result = mysqli_query($conn, $sql);
         while ($row = mysqli_fetch_array($result)) {
             echo '<option value=' . $row['supplier_id'] . '>' . $row['supplier_name'] . '</option>';
         }
     ?>                         
 </select>      

Answer 1

如果下拉列表的数据保持不变，那么你可以这样做

html 和 php

<Select name="txt-computer_sn" class="form-control dynm_drop" id="txt-computer_sn">
                                    <?php
                                    include ('../svr/connection.php');
                                    $sql = "SELECT * FROM supplier";
                                    $result = mysqli_query($conn, $sql);
                                    while ($row = mysqli_fetch_array($result)) {
                                        echo '<option value=' . $row['supplier_id'] . '>' . $row['supplier_name'] . '</option>';
                                    }
                                    ?>                         
                                </select>     

j查询

$("#buttonid").click(function(){
  $(".dynm_drop").clone().appendTo("class or id of element");
});