Sous menu déroulant

bonsoir, je voudrais savoir si on peut faire une programmation en php d'un sous menu deroulant caché qui s'affiche dans une case séparé seulement qu'on clique sur l'un des champs du menu principal (associé) c ce que j'ai éssayé de faire

Code:

1
2
3
4
function showmenu(menu) {
if (menu.style.display == 'none') menu.style.display = 'block';
else menu.style.display = 'none';
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<label for="domaine">domaine :</label>
<select name="domaine" id="domaine" value="" onclick="javascript: showmenu(document.getElementById('agronomie'));"
style="cursor: pointer;">
              <option value="" selected="selected" ></option>                                 
              <option  value="agronomie" >agronomie</option>
              <option  value="archéologie">archéologie</option>
              <option  value="chimie">chimie</option>
              <option  value="economie, commerce et gestion">economie, commerce et gestion</option>
              <option  value="education et psychologie">education et psychologie</option>
              <option  value="géographie">géographie</option>
              <option  value="Informatique, science de l’information et bibliothéconomie" selected="selected">Informatique, science de l’information et bibliothéconomie</option>
              <option  value="Langues et littérature">Langues et littérature</option>
              <option  value=" Religions"> Religions</option>
              <option  value="Science de la terre, eau et environnement">Science de la terre, eau et environnement</option>
              <option value=" Science et Technologie"> Science et Technologie</option>
              <option  value="Science juridiques, politiques et administratives">Science juridiques, politiques et administratives</option>
              <option  value="Sciences médicales">Sciences médicales</option>
              <option  value="Sciences sociales et humaines">Sciences sociales et humaines</option>
 </select> 
<br />
<select name="agronomie[]"   value=""  id="agronomie" style="display: none;">
              <option  value="agronomie">agronomie</option>
              <option  value="archéologie">archéologie</option>
              <option  value="chimie">chimie</option>
</select>
<br />