Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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
	});
});