Salut à tous ! (et désolé d'avance si je ne suis pas au bon endroit )

Mon problème est le suivant:

Je souhaiterais avoir une liste déroulante remplie avec une table de ma base de donnée. Ça pas de soucis ça marche.
Ensuite je souhaiterais une deuxième liste déroulante, toujours remplie avec ma base de donnée, mais qui change en fonction du choix de ma première liste déroulante. Là plus compliqué, j'arrive à charger les données dans ma liste mais peu importe le choix dans ma première liste j'ai toujours TOUTES les données dans la deuxième

Débutant avec codeigniter et ne m'y connaissant qu'en php, html, css et un peu de js je suis bloqué car ma solution actuelle, bien que simple, ne fonctionne pas, et les autres solutions trouvées sur le net nécessitent plus de connaissances ><

Voici le code: (dans le body):
Code : 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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<body>     
    <form name="sanctions" method="post" action="<?php echo base_url("sanctions/verifprem");?>">
        <p>Nature de la décision:
            <select name='nature'>
                <option>Sanction</option>
                <option>Punition</option>
                <option>(Distinction)</option>
            </select>
        </p>
        <p>Classe:
            <select id="classe">
                <option value="" selected>--</option>
                    <?php
                    foreach($classe as $valeur)
                    {
                        echo("\n");
                        echo('<option value="'.$valeur['id_classe'].'">'. ($valeur['section']).'</option>');
                    }
                    ?>
            </select>
        </p>
        <p>Elève concerné:
            <select id="eleve">
                <option value="" selected>--</option>
                    <?php
                    foreach($eleve as $valeur)
                    {
                        echo("\n");
                        echo('<option value="'.$valeur['id_personnel'].'" class="'.$valeur['id_classe'].'">'. ($valeur['nom']).' '.($valeur['prenom']).'</option>');
                    }
                    ?>
            </select>
        </p>        
    </form>
</body>
(dans le head):
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
    <script type="text/javascript" charset="utf-8">
    $(function(){
    $("#eleve").chainedTo("#classe");
    });
    </script>
Voila, si vous pouviez me dire où je me suis planté ou me conseiller une autre soluce ce serait sympa :3 D'avance merci à vous o/