Widget autocomplete avec plusieurs champs
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:
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:
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 ! ;)