gérer un formulaire dynamique

Bonjour à tous,

Alors voilà mon problème est le suivant. J'ai un formulaire que m'affiche les menus en fonction de ce que l'utilisateur choisi. Cependant j'ai un select qui doit m'afficher des libellés dans ma base de données. Je dois faire comment????

Code:

1
2
3
4
5
6
7
<form id="ajoutAnnonce">
                <label id="labMat">Type de matériel à vendre</label>
                <select id="TypeMat" name="TypeMat" onChange="gestionTypeMateriel()">
                    <option value="cavalier" >Cavalier</option>
                    <option value="cheval">Cheval</option>
                </select>
            </form>

Et voici le formulaire avec les noeuds:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 <script type="text/javascript">
            function gestionTypeMateriel(){
                var select = document.getElementById("TypeMat");
                var valeur = select.options[select.selectedIndex].value;
                if (valeur=="cavalier"){
                    gestionTypeMaterielCavalier();
                }
                if (valeur=="cheval"){
 
                }
            }
            function gestionTypeMaterielCavalier(){
                var element = document.getElementById("ajoutAnnonce");
                var choixMat = document.createElement("select");
 
                //Tableau contenant les options de la liste
                var elOption = new Array(
                new Option("Votre choix", "", false, false),
                new Option("Option 1", "valeur1", false, false),
                new Option("Option 2", "valeur2", false, false),
                new Option("Option 3", "valeur3", false, false),
                new Option("Option 4", "valeur4", false, false));
                //Ajout dans le select des options (1)
                for (i=0;i<elOption.length;i++)
                {
                    choixMat.options.add(elOption[i]);
                }
                element.appendChild(choixMat);
            }
 
            /*permet de récuperer la valeur du fichier JSP*/
            function file(fichier)
            {
                if(window.XMLHttpRequest) // FIREFOX
                    xhr_object = new XMLHttpRequest();
                else if(window.ActiveXObject) // IE
                    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
                else
                    return(false);
                xhr_object.open("GET", fichier, false);
                xhr_object.send(null);
                if(xhr_object.readyState == 4) return(xhr_object.responseText);
                else return(false);
            }
        </script>