Question

需要一些帮助。

所以基本上我有一个下面有字段的表格。单击“添加更多产品”按钮后，它将克隆产品，库存和数量字段并创建新行。 Product字段是产品的下拉列表（从mysql查询）

我需要帮助的是，如果有人选择了我需要它来查询数据库的产品显示所选产品的库存水平。我已经使用了一行，但无法让它在克隆元素上工作（分别）。代码如下。真的很感激一些帮助。

<select name="product[]" id="product">
    <option value="product 1"> Product 1</option>
    <option value="product 2"> Product 2</option>
    <option value="product 3"> Product 3</option>
    <option value="product 4"> Product 4</option>
</select>
<input type="text" id="stockclass="inputfield" name="stock" size="8" />


$('#product').on("change", function() {
    var val = $(this).val();
    $("#stock").val(val2);                        
});

$("#add").on("click", function() {
    var row = $('#item tbody > tr:last').clone(true);            
    row.insertAfter('#itemsTable tbody > tr:last');
   return false;            
});

Answer 1

使用.on()，因为从现在起贬值.live()。

$(document).on('click','SELECTOR',function(){ /*...*/ });

您正在使用完全错误的DOMs克隆ID。使用Class。

示例

<select name="product[]" class="product"> <option value="product 1"> Product 1</option> <option value="product 2"> Product 2</option> <option value="product 3"> Product 3</option> <option value="product 4"> Product 4</option> </select> <input type="text" class="quantity inputfield" name="quantity[]" size="8" value="" /> <input type="text" class="target_price inputfield" name="target_price[]" size="8" value="" /> <input type="text" class="stock_availability inputfield" name="stock_availability[]" size="8" value="" readonly="readonly" />

现在另一个是你有选择框的点击事件，它应该是更改事件。

<强> AS

$('.product').on('change',function() { $.ajax( { //ajax params and options and in success set value }); });

jQuery clone row - 在特定字段中插入值

1 个答案: