如何将数据库值传递给动态添加的下拉字段

Question

我有一个名为new_booking.php的页面和一个名为addmore.php的页面，我需要在new_booking.php内添加addmore.php，当我单击添加更多按钮时，它会添加一个动态下拉字段。这是我的代码的快照    </DIV><SCRIPT>    function addMore() {        $("<DIV>").load("addmore.php", function() {                $("#product").append($(this).html());        });     }    function deleteRow() {        $('DIV.product-item').each(function(index, item){            jQuery(':checkbox', this).each(function () {                if ($(this).is(':checked')) {                    $(item).remove();                }            });        });    }</SCRIPT>现在的问题是，当我单击添加更多按钮时，它只是在下拉列表中添加了一个文本字段而没有数据库中的值。这是我的addmore.php代码的快照<DIV class="product-item float-clear" style="clear:both;"> <DIV class="float-left"><input type="checkbox" name="item_index[]" /></DIV>    <DIV > <select class = "mdl-textfield__input"  id="categories"  name="roomtype[]" >                  <option value="">Choose Room Type</option>                          <?php                               $resultUser = mysqli_query($conn, "SELECT * FROM room_type ");                                   //$NoRowStaff = mysqli_num_rows($resultStaff);                                 if ($resultUser->num_rows > 0)                                // Loop through the query results, outputing the options one by one                                 while($row = $resultUser->fetch_assoc())  {                                   echo '<option value="'.$row['rt_id'].'">'.$row['type'].'</option>';                                }                          ?>                                                  </select></DIV> <br><br>    <DIV> <select class = "mdl-textfield__input" name="roomno" id="subcat" required>        <option value="" selected>Choose Room number.... </option>   </select></DIV>    </DIV>我如何将数据库中的值追加到新添加的下拉字段中，以便每当我单击addmore按钮时，它就会附带数据库中的值？