Bonjour,
J'ai besoin d'un peu d'aide.
Je vous explique mon problème. J'ai un formulaire avec une liste déroulante.
J'aimerai que quand un service est séléctionné (en l'occurence service 'Engineering'), des cases à cocher apparaissent en dessous du menu déroulant. J'y suis arrivé mais cela fonctionne uniquement sur FireFox et pas sur IE.
Voici mon code :
Voici mon code javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <select name="Service" size="1" onchange=" showEngineer( this ) ; " onkeyup="showEngineer( this ) ; "> <option value="Engineering">Engineering</option> <option value="IT">IT</option> <option value="Specification">Specifications</option> </select>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 function showEngineer( _this ) { if ( _this.value == 'Engineering' ) { document.getElementById( 'engineer_fields' ).style.display = "table-row" ; } else { document.getElementById( 'engineer_fields' ).style.display = "none" ; } }
Et en ce qui concerne les cases à cocher que je voudrais faire apparaitre, elles sont dans le code mais cacher grâce au CSS
Voici mon code CSS :
Voila, j'ai essayé d'être le plus clair possible, n'hésitez pas si vous avez des questions.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 #engineer_fields {display : none ;}
Merci.
Partager