如何从jQuery中的append元素发送AJAX请求

Question

我创建了一个按钮，当我点击按钮时，它会附加一个表单。表格中有一个下拉列表，我已在下拉列表中加载所有产品名称和值，现在我想从数据库发送特定产品数据的ajax请求。   

如果我添加两个或更多附加，它只显示第一个附加表单值。

Answer 1

我希望它对您有用。

<!--JQuery Dynamic Part -->
      <div id="bul_container">
         <div id="bulk">
         <div class="row">
             <div class="col-md-3">
               <div class="form-group">
                 <label>Main-Color</label>
                 <input type="text" name="color[]" class="form-control" required data-parsley-error-message="Enter Color Name or Code">
               </div>

             </div>
             <div class="col-md-2">
               <div class="form-group">
                 <label>Order Quantity</label>
                 <input type="text" name="qty[]" class="form-control" required data-parsley-error-message="Enter Quantity">
               </div>
             </div>
             </div>
            </div>
            </div>
      </div>

 $(document).ready(function(){

var bulkn="<div class='row'>"+$('#bulk .row').first().html()+"</div>";
$('.add').click(function(){

        $('#bulk').append(bulkn);
        $('#bulk .row').last();

});
$('.remove').click(function(){
  if($('#bulk .row').length>1){
    $('#bulk .row').last().remove();
  }
  else{
   alert("You can't Remove this Row");
  }
});