Ciao a tutti, ho creato un form con un campo di testo autocomplete, che in base a ciò che inizio a scrivere lui mi prende i dati dal db e mi fa apparire la stringa di testo che devo inviare col form. fin qui tutto funziona. adesso ho la necessità di poter aggiungere più campi di testo autocomplete, per cui ho creato il tastino che, se cliccato mi inserisce un campo di testo. ora il problema è che ho più campi autocomplete, solo nel prima la funzione autocomplete funzionerà, mentre gli altri saranno semplici campi di testo. il codice scritto è:
quindi dovrei trovare il modo che, sia che scrivo sul primo campo di testo sia che scriva sull'n-esimo, questo campo dev'essere autocomplete.
Codice:
<script type="text/javascript">
$(function(){
$("#tag").autocomplete({
source: 'autocomplete.php', //il file che effettua la query
minLength:2,
change:function(event,ui){
if(!ui.item){
$(this).val('');
$("#tagid").val('');
return false;
}
},
select:function(event,ui){
$("#tagid").val(ui.item.id);
}
});
})
</script>
<script>
$(document).ready(function(){
var i=0;
$("#add").click(function(){
$("#campi").append("<div class='etichettaInserimento' >SCHEDA</div><input type='text' id='tag"+i+"' name='tag' value='' /><input type='text' id='tagid"+i+"' name='tagid' value='' /></div>");
i++;
})
})
</script>
--------
<div class="wrap_form_etichette radius" id="campi">
<div><input type="button" id="add" name="add" value="Aggiungi"/></div>
<div class="etichettaInserimento" >SCHEDA</div>
<input type="text" id="tag" name="tag" value=""/>
<input type="text" id="tagid" name="tagid" value="" />
</div>
quindi dovrei trovare il modo che, sia che scrivo sul primo campo di testo sia che scriva sull'n-esimo, questo campo dev'essere autocomplete.