Récupérer le "contenu" d'un champ option

Bonjour,

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

Exemple:

Code:

---

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:

---

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! :king:

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

tu peux l'intercepter avec son innerText ou innerHTML

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. :?

non le innerHTML ou innerText de l'option

Code:

---

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

---

bonjour,

pour la valeur (value) :

Code:

---

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:

---

1 2 3 4

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

---

Ha ok!

Ca marche très bien en tout cas!

Un grand merci :king: