2017-02-20 20 views
0

У меня есть эта таблица:Количество входных и JQuery

<table id="product" class="table table-bordered table-striped"> 
    <thead> 
    <tr> 
     <th>Id</th> 
     <th>Cantidad</th> 
     <th>Producto</th> 
     <th>Marca</th> 
     <th>Precio</th> 
     <th>Importe</th> 
     <th>Serial</th> 
    </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

добавить строки в эту таблицу с этим Jquery код:

$("#name").autocomplete({ 
    source: 'http://sosacelulares.com/index.php/product/search', 
    minLength: 1, 
    select: function (event, ui) { 
     var value = ui.item.value; 
     var data1 = value.split("-"); 
     var data = data1[0].split(" "); 
     $("#product").show(); 

     var v = data[1]; 

     $.ajax({ 
      async:true, 
      type: "POST", 
      dataType: "html", 
      contentType: "application/x-www-form-urlencoded", 
      url:"http://sosacelulares.com/index.php/product/get", 
      data:"id="+v, 
      success: function(response) { 
      var returnedData = JSON.parse(response); 

      $("#product > tbody").append('<tr><td>' + returnedData[0].id_product + '</td><td><input min="1" type="number" style="width: 100px;" value="" class="form-control quantity" id="quantity" placeholder="Cantidad" required></td><td>' + returnedData[0].name + '</td><td>' + returnedData[0].brand + '</td><td><input type="text" style="width: 100px;" value="' + returnedData[0].buy_price + '" class="form-control" placeholder="Precio" required></td><td></td><td><a href=""><button type="submit" class="btn btn-success">Agregar Serial</button></a></td></tr>'); 
      } 
     }); 
    }, 

}); 

Я просто искать имя в поле ввода текста, а затем, когда Я нахожу это, я просто добавляю его в таблицу. Проблема заключается в том, что строки, которые я добавляю в них есть поле ввода номера, что он должен добавить количество я проверить это следующим образом:

$(".quantity").change(function() { 
    alert(1); 
}); 

Я не знаю, почему, если я изменить входной величины, что это разрешено в новой строке, которую я добавил с jquery, это не работает, если я делаю изменения, предупреждение не появляется, что я делаю плохо? Благодаря!

+0

использовать '.on' функцию. '$ (". quantity "). on ('change', function() {});' –

ответ

0

Попробуйте это:

$(document).on("change", ".quantity", function() { 
    alert(1); 
});