Auto-complétion d'une zone de texte

Bonjour,

je viens vers vous parce que je suis complètement largué. Voilà j'ai une base de données dans laquelle je recherche des NomCHAFF grâce à une zone de texte dans une page html. Je souhaiterais comme l'indique le nom de mon sujet réalisé une auto-complétion lorsque l'utilisateur remplie la zone de texte. J'ai donc essayé de réaliser cette fonction mais sans résultat. De plus je ne vois pas fichier de jQuery je dois ajouter dans mon head.

Voilà mon code :

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
<form method="post" action="bilan2-1.php?CHAFF=1">
                    <label for="CHAFF">Nom du CHAFF</label>
                    <br/>
                    <input  type="text" name="CHAFF" id="CHAFF">
                    <!-- Auto-complétion-->
                    <?php
                        $select_chaff="SELECT DISTINCT NomCHAFF FROM test ORDER BY NomCHAFF";
                        $result_chaff=$bdd->query($select_chaff) or die('Erreur SQL: '.mysql_error());
                    ?>
                    <script>
                    $(document).ready(function() {
                    $("#CHAFF").autocomplete({
                    <?php
                        echo 'source:[';
                        while($donnees=mysql_fetch_array($result_act))
                        {
                            echo '"'.$result_act['NomCHAFF'].'"';
                        }
                            echo '""]';
                    ?>
                    });
                    });
                    </script>
                    <!-- Fin auto-complétion-->