1

Tenho uma busca em um input que retorna o resultado em ajax, tipo autocomplete que está funcionando (quando digito 3 primeiros digitos ela mostra os resultados), mas quando eu coloco esse input dentro de uma div "clone" (jquery) ela não funciona a busca e não retorna nenhum resultado...

Coloquei o código no jsfiddle: https://jsfiddle.net/g9dehL8j/2/

2 Respostas 2

2

O problema é que quando usas $("#produto").keyup(function(){ o auscultador de evento fica só à escuta de eventos no elemento #produto que já existia quando a página foi carregada. Neste caso, e como o Lucas também referiu, não podes usar ID pois na página só pode haver um elemento com cada ID.

Se usares esse evento delegado, e juntando ambos #engloba-template e #conteudo_engloba poderia ficar assim:

$('#engloba-template, #conteudo_engloba').on('keyup', 'input[name="produto[]"]', function() {

jsFiddle: https://jsfiddle.net/g9dehL8j/3/

0
1

Quando você clona é compreensível repetir o idno seu caso. Tente fazer a seleção por uma propriedade qualquer:

HTML

<input type="text" autocomplete="off" id="produto" produto name="produto[]">
                                                   ^^^^^^^

JS

$("input[produto]").keyup(function(){ });
2
  • obrigado por tentar ajudar, mas não resolveu...
    – Alh
    9/12/2016 às 14:56
  • 1
    +1 por referires o problema de ID duplicado
    – Sergio
    9/12/2016 às 15:10

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 .