Initialiser un menu déroulant à null

Je vais essayer d'exposer mon problème clairement. Par ailleurs, je ne savais pas si je devais poster sur le forum javascript ou html.

J'ai deux menus déroulants <select> dans un formulaire. Lorsque je change la sélection d'un de ces menus déroulants, je fais un this.form.submit().

Le problème est que lorsque je change la sélection du premier, je ne veux pas soumettre de valeur pour le second.

J'ai essayé de faire un truc dans le genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<select id="marque" name="marque" onchange="submitMarque()"> [...] </select> <select id="modele" name="modele" onchange="this.form.submit()"> [...] </select>   <script> function submitMarque() {         document.getElementById('modele').value=null;         this.form.submit(); } </script>

---

Bonsoir,

Utilise ajax :fleche: Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

A+.

Ton script ne peut pas fonctionner car tu fais this.form.submit(); à l'intérieur de ta fonction (qui ne contient pas de formulaire). Il faut passer le formulaire en question en paramètre à ta fonction de la sorte :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script> function submitMarque(formul,cache) {         document.getElementById(cache).value = null;         formul.submit(); } </script>   <select id="marque" name="marque" onchange="submitMarque(this.form,'modele')"> [...] </select>   <select id="modele" name="modele" onchange="this.form.submit()"> [...] </select>

---

Et plutôt que d'envoyer une valeur nulle pour le select de nom "modele", tu pourrais aussi choisir de ne rien envoyer pour ce select en le mettant à disable, ce qui donnerait :

Code:

---

1 2 3 4 5 6

<script> function submitMarque(formul,cache) {         document.getElementById(cache).disabled = true;         formul.submit(); } </script>

---

Cool ABCIWEB, c'est exactement ce que je cherchais. Merci :ccool: