Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Fazer o script de auto completar funcionar em todos os campos jQuery

15-11-2016 17:46

Nesse post vou dar uma dica de como usar um script de autocomplete ou autocompletar em campos dinâmicos.

Para o exemplo vou usar esse script de auto completar a seguir https://jqueryui.com/autocomplete/

Já vou adiantando a dica de como fazer para funcionar o auto completar em campos dinâmicos.
Para fazer funcionar você precisa colocar a função que faz o auto completar logo após a criação do input.

Vou deixar abaixo um script de criação de inputs dinâmicos já com o script de auto completar integrado.

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $(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" ]; n = 0; m = 5; $("#adiciona").click(function (e) { e.preventDefault(); if (n < m) { $("#alvo").append("<div><input type='text' class='tags'><input type='button' class='remover' value='remover'></div>"); // chamada do auto completar após a criação do input $( ".tags" ).autocomplete({ source: availableTags }); $(".remover").click(function(e) { e.preventDefault(); $(this).parent("div").remove(); n--; if(n==-1) n=0; }); n++; } }); }); </script> <button id="adiciona">Adiciona</button> <div id="alvo"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]