Discussion :

[Neuromancien2]

Bonsoir,

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

Dans le code Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[doof]

Salut, j'aurais plutot mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Neuromancien2]

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