1

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();
    }
    ;
};

inserir a descrição da imagem aqui

1 Resposta 1

0

É preciso pegar o input da mesma linha onde você inseriu a informação do campo autocomplete.

Da forma que está fazendo, ele está pegando todos os elementos existentes com input[name='produtoValor[] e inserindo o valor de names[1]:

// pega todos os elementos com name produtoValor[]
$("input[name='produtoValor[]']").val(names[1]);

Altere essa linha para:

          busca por isso                             dentro disso
                 ↓                                         ↓
$("input[name='produtoValor[]']", $(event.target).closest("tr")).val(names[1]);

Assim irá buscar apenas o elemento da mesma linha <tr> onde está o campo do autocomplete.

Exemplo:

$( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( ".produtoDesc" ).autocomplete({
      source: availableTags,
          select: function (event, ui) {
       $("input[name='produtoValor[]']", $(event.target).closest("tr")).val("valor adicionado");
        }

    }
    );
  } );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<table class="ui-widget">
   <tr>
      <td>
           <label for="tags">Digite Java:</label>
           <input class="produtoDesc">
      </td>
      <td>
        <input name='produtoValor[]'>
     </td>
  </tr>
   <tr>
      <td>
           <label for="tags">Digite Basic:</label>
           <input class="produtoDesc">
      </td>
      <td>
        <input name='produtoValor[]'>
     </td>
  </tr>
</table>

3
  • Resolveu o meu problema! Commented 24/05/2018 às 19:56
  • Maravilha! Já sabe como funciona aqui o site quando seu problema foi resolvido?
    – Sam
    Commented 24/05/2018 às 19:59
  • Não, poderia me passar essa informação? Commented 25/05/2018 às 20:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .