Bonjour à tous,

Je débute en JQUERY et je souhaiterais utiliser le widget autocomplete sur deux champs dans un formulaire. Bien sur, les deux sources de données sont différentes.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
 <div id="a1">
	<input type="text" class="autocpt" name="a1_n" value="" />
    <input type="hidden" name="a1_source" value="source1.php" />
 </div>
 <div id="a2">  
    <input type="text" class="autocpt" name="a2_n" value="" />
	<input type="hidden" name="a2_source" value="source2.php" />
 </div>
Et le code JS :
Code js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
// execute les plugins JQUERY	    
$(document).ready(function () {
	$(".autocpt").autocomplete({
		source: function(request, response) {
 
	            $.ajax({
			  url: ?????,
			  data: request,
			  dataType: "json",
			  type: "POST",
 
			  success: function(data){
				  response(data);
			  }
			});
		  },
 
		minLength: 2,
	});
});
Que mettre à la place de ???? dans 'url' ?

En fait, je voudrais récupérer pour le premier input, le champ a1_source et pour le deuxième input le champ a2_source et le mettre dans 'url' coté JS...

Il faut savoir qu'il est possible d'avoir plus de de 2 autocomplete dans mes formulaires, donc l'idée de tout "centraliser dynamiquement".

Voilà, j'espère avoir été claire

Merci à vous et bonne journée !