Mets un display : block

IE et table-row ca le fait pas ;)

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 :

[code]
<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]

Voici mon code javascript :

[code]
function showEngineer( _this ) {
if ( _this.value == 'Engineering' ) {
document.getElementById( 'engineer_fields' ).style.display = "table-row" ;
}
else {
document.getElementById( 'engineer_fields' ).style.display = "none" ;
}
}
[/code]


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 :
[code]
#engineer_fields {display : none ;}
[/code]

Voila, j'ai essayé d'être le plus clair possible, n'hésitez pas si vous avez des questions.

Merci.
[/code]