如何从 jQuery 中的附加元素发送 AJAX 请求答案

【问题标题】：How to send AJAX request from append element in jQuery如何从 jQuery 中的附加元素发送 AJAX 请求
【发布时间】：2018-04-27 16:14:17
【问题描述】：

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

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

【问题讨论】：

你能试试，更好地解释你的问题吗？没多大意义，还给我们提供了更多代码，在哪里追加什么，怎么追加，AJAX应该去哪里等等。谢谢
问题有点不清楚，但我想你应该在新的下拉列表中为“更改”事件添加一个 JS 事件处理程序，然后运行 ajax 以获取所选产品的详细信息。相当标准的东西，网上肯定有数百个这样的例子。你试过什么？您具体面临什么问题？
我正在编辑我的问题并添加图片以便更好地理解。
@Majeed 添加一些代码。你的问题不清楚。无法理解在哪里提出请求。

标签： javascript jquery ajax

【解决方案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");
  }
});

【讨论】：