Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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" />
>
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
Beleza, foi só um exemplo, com foco em instanciar o plugin "typeahead" a cada input criado dinamicamente.
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'
});