Discussion :

[rvm31]

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 :

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

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>

[sekaijin]

http://www.w3schools.com/jsref/dom_obj_option.asp

Code :

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

1
2
3
Property   Description
selected   Sets or returns the selected state of an option
value      Sets or returns the value of an option to be sent to the server

A+JYT

[Auteur]

bonjour,

Un truc m'échappe....
Le code javascript n'est pas intégré dans une fonction ? Pas d'événement onchange sur la balise select ?

[SpaceFrog]

soit selected sur l'option, soit selectedIndex sur le select ...

[NoSmoking]

Bonjour,
Comment récupérer la valeur d'un select ?

mais comme signalé par Auteur

Pas d'événement onchange sur la balise select ?

ou alors il nous manque quelque chose (hors une case en moins, il va de soit)

[Sergejack]

Vous pourriez utilisez jQuery.

Code :

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

if ($('#theme').val() == "un") $('#newtheme').css('display', 'block')

[rvm31]

ben oui voyons !?

Pas d'événement onchange sur la balise select ?