jQuery 복제 행 - 특정 필드에 값 삽입

Question

여기에서 도움이 필요합니다.

그래서 기본적으로 필드 아래에 양식이 있습니다. "추가 제품 추가"버튼을 클릭하면 제품, 재고 및 수량 필드가 복제되고 새 행이 만들어집니다. 제품 필드는 제품의 드롭 다운 목록입니다 (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(){ /*...*/ }); 

당신은 완전히 잘못된 것입니다 같은 ID으로 DOMs를 복제한다. 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" /> 

이제 다른 하나는 당신이 그것을 변경 이벤트해야한다 잘못 선택 박스에 대한 이벤트를 클릭해야합니다.

$('.product').on('change',function() 
{ 

    $.ajax(
    { 
     //ajax params and options and in success set value 
    }); 

});