Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vitorweb

Typeahead Autocomplete em inputs criados dinamicamente

Recommended Posts

Olá, tenho o seguinte script html:

<input type="text" name="brand" class="form-control auto-brand" />
<script type="text/javascript">
    $(function () {
        $('input.auto-brand').each(function () {
            $(this).typeahead({
                name: 'brand',
                remote: '../../assets/server/system/autoCompleteBrand.php?query=%QUERY'
            });
        });
    });
</script>

dessa maneira o autocomplete funciona normalmente, preciso que ao criar mais campos dinamicamente com o mesmo name do input o autocomplete seja inicializado também!

<input type="text" name="brand[]" class="form-control auto-brand" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

vai ser necessário instanciar o plugin de novo, a cada input que foi criado dinamicamente.

Exemplo:

$("body").append("<div id=\"novo_input\"></div>");

$("#novo_input").typeahead({
    name: 'brand',
    remote: '../../assets/server/system/autoCompleteBrand.php?query=%QUERY'
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

vai ser necessário instanciar o plugin de novo, a cada input que foi criado dinamicamente.

Exemplo:

$("body").append("<div id=\"novo_input\"></div>");

$("#novo_input").typeahead({
    name: 'brand',
    remote: '../../assets/server/system/autoCompleteBrand.php?query=%QUERY'
});

assim nao vai funcionar o name do typeahead precisa ter o mesmo name do input que foi criado dinamicamente, por exemplo:

<input type="text" name="brand[0]" id="brand" />
<input type="text" name="brand[1]" id="brand" />
<input type="text" name="brand[2]" id="brand" />

$("#novo_input").typeahead({
name: 'brand[]',
remote: '../../assets/server/system/autoCompleteBrand.php?query=%QUERY'
});

o name é onde eu requiro a %QUERY quando for para o PHP

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.