Masquer une partie du formulaire

Bonsoir,

Je voudrais masquer ou non une partie d'un formulaire selon le résultat d'un SELECT.

Dans le code Javascript :

Code:

---

1 2 3 4 5 6 7

function ch_select(){   if (type.selectedIndex == "Select"){ document.getElementById('reference').style.visibility='visible'; }else{ document.getElementById('reference').style.visibility='hidden'; }

---

Dans le code HTML :

Code:

---

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

<select name="type" onChange="ch_select()"> <option>Text</option> <option>TextArea</option> <option>Checkbox</option> <option>Select</option><option>Password</option> <option>Hidden</option><option>SelectArray</option> </select>   [...] <div id="reference" style="visibility:hidden"> [...] </div>

---

Ca ne fonctionne pas. La section <div> est toujours affichée, et j'obtiens l'erreur :

Code:

---

1 2 3

Erreur : type is not defined Fichier Source : http://debian/~jerome/bluebird/insertform.php Ligne : 33

---

Salut, j'aurais plutot mis :

Code:

---

1 2	if (document.getElementById('type').selectedIndex == "Select"){ ...

---

essayez également d'utiliser correctement les conditions...

le if ne devrait pas être utiliser pour une alternative simple

Code:

---

1 2 3 4 5 6

if (type.selectedIndex == "Select"){ document.getElementById('reference').style.visibility='visible'; }else{ document.getElementById('reference').style.visibility='hidden'; }

---

devrait plutot se coder:

Code:

---

document.getElementById('reference').style.visibility=(document.getElementById('type').selectedIndex == "Select")?'visible':'hidden';

---

Finalement j'ai renoncé à Javascript et je suis passé par PHP.