JAVASCRIPT更新兩個字段，多行

這是我的jsJAVASCRIPT更新兩個字段，多行

$(function() { 
    var tryme = 5; 
    var options = { 
    source: "<?=base_url()?>/autocomplete/", 
    minLength: 1, 
    select: function(event, ui) { 
    event.preventDefault(); 

    this.value = ui.item.valuedesc; 
    //$(this).siblings('.item_sku').val(ui.item.valuedesc); // not working 
    //$(this).siblings('.description').val(ui.item.description); // not working 
    //$(this).siblings('.rate').val(ui.item.rate); // not working 
    } 
    }; 
    $(".item_sku").autocomplete(options); 


    $(".add-row").click(function (e) { 
     e.preventDefault(); 
     var cloned = $('#invoice_table tr:last').clone(); 
     cloned.appendTo('#invoice_table').find('input').val(''); 
     cloned.find('.item_sku').autocomplete(options); 
    }); 
});

我使用jQuery克隆線領域，以建立我的發票項目。

什麼是現在不工作是特定的領域沒有更新。

這些都是我的領域：

<input type="text" maxlength="255" name="item_sku[]" data-required="1" class="form-control item_sku" autocomplete="off" required/> 

<input type="text" maxlength="255" name="item_description[]" id="description" data-required="1" class="form-control calculate description" required/> 

<input type="text" maxlength="255" name="item_amount[]" data-required="1" class="form-control calculate rate" autocomplete="off" required/>

所以，當我開始打字詮釋他ITEM_SKU場，我讓我的自動完成選項 - 這是工作的罰款。當我點擊它時，它必須更新description和item_amount文本框。

現在，如果我改變字段類的ID，和JavaScript示例

<input type="text" maxlength="255" name="item_amount[]" id="rate" data-required="1" class="form-control calculate" autocomplete="off" required/>

它的工作原理。

但是因爲我有一個「添加更多字段」按鈕 - 我必須有多個字段具有相同的ID。

可能有人請幫助我，使當前行的領域獲取與ui.item.description和ui.item.rate更新

http://i.share.pho.to/7945c43f_o.jpeg

來源

2015-07-20 Derick Van Wyk

有一個數組，並添加一個迭代器，你的陣列狀所以 var i = 1 然後簡單地增加我1 – Canvas

這裏是jsfiddle，但閱讀評論http://jsfiddle.net/benniecpt/c5ajonav/ –

我會用一個hidden div作爲庫爲您克隆元素...
還，在obj被克隆後刪除ID。

像^{（未經測試）}

$(".add-row").click(function (e) { 
    e.preventDefault(); 
    var cloned = $('#hidden').find('#tr').clone().removeAttr('id'); 
    cloned.appendTo('#invoice_table'); 
    cloned.find('.item_sku').autocomplete(options); 
});

編輯：簡化的jsfiddle例如^（測試）http://jsfiddle.net/c5ajonav/3/

來源

2015-07-20 12:09:52 gmo

JAVASCRIPT更新兩個字段，多行

回答

相關問題