Ir para conteúdo
Fórum Script Brasil
  • 0

Autocomplete com campos dinamicos


cahm88

Pergunta

Consigo fazer  o autocomplete na primeira linha porem na segunda linha depois que crio não consigo

 

 

Tenho no meu index.php

esse script que add linhas dinamicamente

 

index.php

 

$(function () {
  function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
  if($("tr.linhas").length > 1){
$(this).parent().parent().remove();
  }
});
  }
 
  $(".adicionarCampo").click(function () {
novoCampo = $("tr.linhas:first").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("tr.linhas:last");
removeCampo();
  });
});
 
e tenho um arquivo que faz o autocomplete e ainda completa os outros inputs
 
custom.js
 
$(function() {
 
    // Atribui evento e função para limpeza dos campos
    $('.buscaProd').on('input', limpaCampos);
 
    // Dispara o Autocomplete a partir do segundo caracter
    $( ".buscaProd" ).autocomplete({
   minLength: 1,
   source: function( request, response ) {
       $.ajax({
           url: "consProd.php",
           dataType: "json",
           data: {
            acao: 'autocomplete',
               parametro: $('.buscaProd').val()
           },
           success: function(data) {
              response(data);
           }
       });
   },
   focus: function( event, ui ) {
       $(".buscaProd").val( ui.item.produto );
       carregarDados();
       return false;
   },
   select: function( event, ui ) {
       $(".buscaProd").val( ui.item.produto );
       return false;
   }
    })
    .autocomplete( "instance" )._renderItem = function( ul, item ) {
      return $( "<li>" )
        .append( "<a><b>Id Produto: </b>" + item.id_produto + 
"<br><b>Produto: </b>" + item.produto + " - <b> Tipo: </b>" + item.cod_produto + "</a>")
        .appendTo( ul );
    };
 
    // Função para carregar os dados da consulta nos respectivos campos
    function carregarDados(){
    var busca = $('.buscaProd').val();
 
    if(busca != "" && busca.length >= 2){
    $.ajax({
           url: "consProd.php",
           dataType: "json",
           data: {
            acao: 'consulta',
               parametro: $('.buscaProd').val()
           },
           success: function( data ) {
  $('#id_produto').val(data[0].id_produto);
              $('#cod_produto').val(data[0].produto);
  $('#produto').val(data[0].produto);                 
           }
       });
    }
    }
 
    // Função para limpar os campos caso a busca esteja vazia
    function limpaCampos(){
       var busca = $('.buscaProd').val();
 
       if(busca == ""){
  $('#id_produto').val('');
           $('#cod_produto').val('');
  $('#produto').val('');
       }
    }
});
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...