Discussion :

[Sayrus]

Bonjour,

On sait tous qu'il est possible de récupérer facilement en javascript le contenu d'un select -> option.

Exemple:

Code :

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

1
2
3
4
5
<select name="mySelect" id="mySelect">
<option value="1">France</option>
<option value="2">Belgique</option>
<option value="3">Suisse</option>
</select>

On récupèrerait la valeur en javascript par :

Code :

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

document.getElementById('mySelect').value

Jusque là on est d'accord.

Par contre je cherche à faire (pas très utile ni conseillé mais bon) à récupérer avec javascript le titre du pays...

Comment faire en JS pour avoir le contenu entre <option></option> ?

Merci!

[SpaceFrog]

ce n'est pas un "label" ...

tu peux l'intercepter avec son innerText ou innerHTML

[Sayrus]

Quelle rapidité

J'ai déjà essayé innerHTML mais il me retourne toute la structure du select et nom le contenu d'un option.

innerText par contre ne semble pas fonctionner.

[SpaceFrog]

non le innerHTML ou innerText de l'option

Code :

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

document.getElementById('mySelect').options[document.getElementById('mySelect').selectedIndex].innerHTML

[Auteur]

bonjour,

pour la valeur (value) :

Code :

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

1
2
3
4
 
var monSelect = document.getElementById('mySelect');
 
var valeur = monSelect.options[monSelect.selectedIndex].value;

pour le texte d'une option (contenu entre les balises options) :

Code :

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

1
2
3
4
 
var monSelect = document.getElementById('mySelect');
 
var texte = monSelect.options[monSelect.selectedIndex].text;

[Sayrus]

Ha ok!

Ca marche très bien en tout cas!

Un grand merci