Formulaire html simple

[sigma2008]

Bonjour, j'ai un formulaire avec un select option :

...
<p>
<SELECT name="lechoix" required>
<OPTION></option>
<OPTION value="1">animaux</option>
<OPTION value="2">légumes</option>
</SELECT>
</p>
...

Tout va bien, je veux juste ajouter un autre select qui s'affiche juste quand l'utilisateur sélectionne animaux dans le même formulaire (même page).
le nouveau menu que je souhaite afficher quand l'utilisateur choisi animaux :

<p>
<SELECT name="animaux" required>
<OPTION>
<OPTION value="1">Chien</option>
<OPTION value="2">Chat</option>
<OPTION value="3">Cheval</option>
</SELECT>
</p>

Merci pour votre aide

 

[spout]

La syntaxe du <select> n'est pas bonne: http://www.w3schools.com/tags/tag_select.asp

 

[sigma2008]

merci j'ai corrigé, une réponse pour ma question ?

 

[spout]

Ah c'était pas un problème lié a ta syntaxe incorrecte
Tu dois le faire en JS.

 

[zeb]

<SELECT name="lechoix" id="general" onchange="montreSelect();">
<OPTION value="0">----------</OPTION>
<OPTION value="1">animaux</OPTION>
<OPTION value="2">legumes</OPTION>
</SELECT>

<SELECT name="legumes" id="select2" style="display:none">
<OPTION value="1">patate</OPTION>
<OPTION value="2">faillot</OPTION>
</SELECT>

<SELECT name="animaux" id="select1" style="display:none">
<OPTION value="1">Chien</OPTION>
<OPTION value="2">Chat</OPTION>
<OPTION value="3">Cheval</OPTION>
</SELECT>

<script type="text/javascript">
 function montreSelect(){
  document.getElementById("select1").style.display='none';
  document.getElementById("select2").style.display='none';
  document.getElementById("select"+document.getElementById("general").value).style.display='block';
 }
</script>

 

[sigma2008]

Merci beaucoup zeb