Discussion :

[Invité]

Bonjour,
j'ai fait un bout de code js pour que suivant un choix bien précis dans un select, cela ouvre une div ou la ferme.
sa tourne a merveille sous FF, mais pas sous IE et Safari

Code :

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

1
2
3
4
5
6
7
<select name="reseau" class="input" id="reseau">
<option value="" onClick="javascript:document.getElementById('DivSelectArticle').style.display='none ';">---</option>
<option value="0" onClick="javascript:document.getElementById('DivSelectArticle').style.display='block';" >Sous Article</option>
<option value="" onClick="javascript:document.getElementById('DivSelectArticle').style.display='none ';">---</option>
<option value="14" onClick="javascript:document.getElementById('DivSelectArticle').style.display='none';" >Accessoires</option>
<option value="13" onClick="javascript:document.getElementById('DivSelectArticle').style.display='none';" >Divers</option>
</select>

Code :

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

1
2
3
<div id="DivSelectArticle" style="display:none ;">
<input name="titre" type="text" class="input" id="titre_sous_article" size="70" />
</div>

avez vous une idée ?
merci

[Bovino]

Pour IE, l'événement onclick n'existe pas sur une balise <option>.

[Invité]

bah comment je peux faire ?
j'ai vraiment besoin de proposer ce champ de saisie uniquement sur un choix précis.

[Bovino]

Sur le onchange du select, tu vérifies quelle option est sélectionnée puis tu affiches ou caches ta div en fonction.

Code html :

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

1
2
3
4
5
6
7
<select name="reseau" class="input" id="reseau" onchange="document.getElementById('DivSelectArticle').style.display=this.value=='0'?'block':'none'">
<option value="">---</option>
<option value="0">Sous Article</option>
<option value="">---</option>
<option value="14">Accessoires</option>
<option value="13">Divers</option>
</select>

[Invité]

merci