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.
Et le code JS :
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>
Que mettre à la place de ???? dans 'url' ?
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, }); });
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 !
Partager