Avoir un champ caché pour y stocker un identifiant dans autocomplete avec php et javascript

Bonjour,

j'ai un champ input dans ma page php, en cherchant sur le net j'ai trouvé comment faire un autocomplete pour ce input. c'est fait, donc au fur et à mesure que je saisisse des lettre il me propose une liste de résultats. jusque là tout va bien.

voici le code utilisé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// fichier test.php
<?php
    if(isset($_GET['query'])) {
        // Mot tapé par l'utilisateur
        $q = htmlentities($_GET['query']);
 
        // Connexion à la base de données
        include 'mysql_con.php';
 
        // Requête SQL
        $requete = "SELECT disctinct * FROM salle WHERE nom_salle LIKE '". $q ."%' LIMIT 0, 20";
 
        // Exécution de la requête SQL
        $resultat  = mysqli_query($con,$requete) or die($con->error);
 
        // On parcourt les résultats de la requête SQL
		while($donnees = mysqli_fetch_assoc($resultat))
		{
			// On ajoute les données dans un tableau
            $suggestions['suggestions'][] = $donnees['nom_salle'];
		}
 
        // On renvoie le données au format JSON pour le plugin
        echo json_encode($suggestions);
    }
?>

Code:

1
2
3
4
5
6
7
8
9
10
11
 //script utilisé juste après le camp input dans la page où j'effectue la recherche de salle
<script type="text/javascript">
	$(document).ready(function() 
	{
		$('#input2').autocomplete(
	{
		serviceUrl: 'test.php',
		dataType: 'json'
	}); 
	});
</script>

dans ma table salle, il y un champs id et nom
donc je voudrais récupérer les deux (id et nom) et pourvoir afficher le nom dans le input de recherche (comme c'est deja fait dans ce code) et avoir dans une variable son id

Merci d'avance pour vos réponses
cordialement,
LENAS