Javascript 使用Ajax查询添加获取的下拉框

我是Php和Ajax的初学者。我正在开发一个系统，其中包含一个表，表的每一列都包含HTML输入。每当我单击按钮时，就会出现新行，其中包含使用ajax查询的输入，然后是一个教程-在PHP中使用ajax JQuery将多个内联插入Mysql

所有列都包含文本字段，只有一个字段除外，该字段是从数据库中获取的下拉框，包含数据库值。在这里，我尝试执行一些操作，所有输入都将显示，但我不明白如何查询“获取”下拉框，以便在单击按钮时显示：

守则如下：

<!-- TABLE START -->
   <div class="row">
    <div class="col-lg-12">
    <!-- <div class="card-box"> -->
     <div class="card-block">
     <!-- <h4 class="card-title">Hover Rows</h4> -->
   <div class="table-responsive">
      <table class="table table-bordered mb-0" id="tab">
        <thead>
                <tr>
                  <th >Medicine Name</th>
                  <th>Morning</th>
                  <th>Noon</th>
                  <th>Night</th>
                  <th>Charge</th>
                  <th> </th>

              </tr>
                    </thead>
                    <tbody>
                    <tr>
                    <td class="medicine">    


                      <div class="col-md-12">
                       <select class="select" id="med">
                       <option>Select</option>

                        <?php  
    include 'auth/dbconnection.php';
    $query = "SELECT * FROM medicines ";
    if($result = mysqli_query($conn,$query));
    if(mysqli_num_rows($result)>0){
        while($row = mysqli_fetch_array($result)){

    foreach($result as $row){
        echo '<option value="2">'.$row['med_id'].'</option>';

    }
    }}
    ?>
        </select>
              </div> 

               </td>

                <td contenteditable="true" class="morning">dfdfdfd</td>
                <td contenteditable="true" class="noon">Doe</td>
                <td contenteditable="true" class="night">Doe</td>
                <td class="charge">Doe</td>
                <td class=""></td>

                 <br>  <br>
                 </tr>

                    </tbody>
                    </table>
                       <br>
              <div align="right"> 
          <!-- <input type="submit" name="add" id="add"  class="btn btn-success" value="">   -->

          <button type="button" id="add" name="add"  class="btn btn-success">+</button>
                    </div>
                      </div>
                     <!-- </div> -->
                     </div>
                        </div>
                         </div>
                           </div>
                           </div>
                           </div>
                        </div>

      <?php     }

    }
    else{

    }  ?>

以下是我的Ajax查询代码：

    <script>
            $(document).ready(function(){

    var count=1;
    $('#add').click(function() {
        count= count+1;  
        var html_code= "<tr id='row"+count+"'>";
        html_code += "<td class='medicine'> <select class='select' id='med'>
        <option value="2">'.$row['med_id'].'</option>'

  </select></td>";

        html_code += "<td contenteditable='true' class='morning'> </td>";
        html_code += "<td contenteditable='true' class='noon'> </td>";
        html_code += "<td contenteditable='true' class='night'> </td>";
        html_code += "<td contenteditable='true' class='charge'> </td>";
        html_code += "<td> <button type='button' name='remove' id='remove' data-row='row"+count+"' class='btn btn-danger btn-xs remove' >  -  </button> </td>";
        html_code +=  "</tr>";

        $('#tab').append(html_code);

    });




    $('#med').editableSelect();
            });
    </script>

---

请帮我解决这个问题。非常感谢您的帮助。

@DCTID:希望您有所帮助。链接出错欢迎访问SO！我不确定你需要什么帮助。请阅读并编辑您的问题请注意文档中的id必须是唯一的。@Gerard在我的ajax查询中。我编码插入一个新行，其中包含除从数据库获取的下拉框之外的元素。我不懂如何提问。请帮助我请努力将数据库和服务相关代码与演示html代码分开。这就是PHP名声不好的原因。