Formulaire en autocomplete et retour selection en AJAX
bonjour
Je créé un formulaire en autocomplete avec JQuery UI la liste est affiché par AJAX
J'ai réussit sans problème à afficher les noms et prénoms dans mon champ de recherche, mais je veux récupérer également depuis ma base d'autres infos qui apparaissent une fois la selection effectuée.
Ces informations complémentaires doivent s'afficher uniquement dans ma <div id="description"> et pas dans mon champ input qui doit garder uniquement le nom et prénom.
Une idée de comment procéder ?
Deux fichiers JSON? sélection uniquement de certains champs dans le JSON, 2 requête AJAX?
ou complètement autre chose.
page de formulaire
Code:
1
2
3
4
5
6
7
8
9
10
| <div class="ui-widget">
<input type="text" id="recherche" />
<div id="description" style="float:right"></div>
</div>
<script>
$('#recherche').autocomplete({
source :'liste_inter.php',
});
</script> |
Création du JSON
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <?php
$request = $bdd->prepare('SELECT * FROM inter WHERE nom_inter LIKE :term');
$request->execute(array('term' => '%'.$term.'%'));
$nom_pren= array(); // on créé le tableau
while($donnee = $request->fetch())
{
$intermittent = new inter();//
$inter->hydrate($donnee);
array_push($nom_pren,$inter->nom()." ".ucfirst(strtolower($inter->prenom()))); notre tableau
}
echo json_encode($nom_pren); //conversion JSON
?> |
