Sélection d'une option d'une liste select
Bonjour
j'essaye de récupérer les valeurs des options et/ou du texte des option d'une liste select.
il y a un tuto sur développez que j’essaye d'appliquer, mais je si je change le choix de ma liste select, la seule valeur que je récupère dans le log de la console est la première de la liste.
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
| <form role="form">
<div class="form-group grid_4">
<label for="theme">Thèmatique</label>
<select class="form-control" id="theme" name="theme">
<option value="un">1</option>
<option value="new">Nouvelle catégorie</option>
<option value="se">se</option>
</select>
</div>
<div class="form-group grid_4" id="newtheme">
<label for="newtheme">Nouveau thème</label>
<input type="text" class="form-control" name="newtheme" placeholder="ex:Technique, Personnalités">
</div>
<div class="form-group grid_4">
<label for="sujet">Sujet de la question</label>
<input type="text" class="form-control" name="sujet" placeholder="ex:">
</div>
<input type="hidden" name="MM_insert" value="form1">
</form>
<script>
var liste, texte;
liste = document.getElementById("theme");
texte = liste.options[liste.selectedIndex].value;
var newselect= document.getElementById("newtheme");
if(texte=="un")newselect.style.display="block";
</script> |
