Tenho um formulário que inclui linhas dinamicamente. Nesse formulário tenho um campo autocomplete
onde seleciono o produto e adiciona o valor do produto em outro input
. Meu problema é o seguinte: se incluo duas linhas e seleciono o produto o valor duplica no campo preço(conforme a imagem abaixo) gostaria que cada linha incluida pegasse o valor daquele produto.
Segue o codigo do autocomplete
e incluir linhas:
function autoCompletar() {
$('.produtoDesc').autocomplete({
source: function (request, response) {
$.ajax({
url: '../models/retornaProduto.php',
dataType: "json",
data: {
name_startsWith: request.term,
type: 'produto'
},
success: function (data) {
response($.map(data, function (item) {
var code = item.split("|");
return {
label: code[0],
value: code[0],
data: item
}
}));
}
});
},
minLength: 0,
select: function (event, ui) {
var names = ui.item.data.split("|");
$("input[name='produtoValor[]']").val(names[1]);
}
});
};
function adicionaLinha() {
var addLinha = $("#qtdLinhas")["val"]();
let novoCampo;
let idLinha;
for (var i = 0; i < addLinha; i++) {
novoCampo = $("tr.linhas:first")["clone"]();
idLinha = parseInt($("tr.linhas:last").prop("id").split("item_")[1]) + 1;
novoCampo.find('input').val("");
novoCampo.insertAfter("tr.linhas:last").attr("id", "item_" + idLinha).find("span").html(idLinha);
removeLinha();
autoCompletar();
}
;
};