UI Autocomplete et champs multiples [Résolu]

[renaud26]

Bonjour à tous,

J'utilise jquery et autocomplete pour remplir des champs avec des données en provenance de la bdd, et c'est super...tant que je n'ai qu'un champ.
Là je suis confronté à un problème : l’utilisateur peut choisir combien de champs il veut afficher, et, avec une boucle PHP je lui affiche le nombre de champs voulu. Je veux l'autocomplétion sur tous ces champs....
et bien sûr j'ai un problème d'ID.

Code :

1
2
3
4
5
 
<?php
for($i=0;$i<$nb;$i++){
echo '<input type="text" name="choix[]" id="choix_'.$i.'">';
}

Ca c'est l'affichage des champs.
Côté JS :

Code :

1
2
3
4
5
6
7
 
$().ready(function() {
	$("#choix_").autocomplete({
		url: 'select.php',
		maxItemsToShow: 30
	});		
});

Dans ces conditions, comment faire ?
J'ai tenté de bidouiller plein de trucs nazes, mais là...plus d'ID !
Merci de vos pistes ou indications.

[renaud26]

Bon, j'ai finalement trouvé, pour ceux que ça intéresse :

On met une classe bidon aux champs, à la place des ID :

Code :

1
2
3
4
5
 
<?php
for($i=0;$i<$nb;$i++){
echo '<input type="text" name="choix[]" class="auto-complete">';
}

Et dans le JS :

Code :

1
2
3
4
5
6
7
8
 
$items = $(".auto-complete");
	$.each($items, function(i, val) {
		$(val).autocomplete({
			url: 'select.php',
			maxItemsToShow: 30
	});	
});

Et c'est impec !

[danielhagnoul]

Bonsoir

Code :

1
2
3
4
5
6
7
8
$(function(){
	// http://api.jquery.com/?ns0=1&s=attribut
 
	$("[id^='choix_']").autocomplete({
		url: 'select.php',
		maxItemsToShow: 30
	});
});