Discussion :

[Tchupacabra]

Bonjour à tous,

comment récupérer le libellé de l'<option> d'un <select> qui est active ?
ex :

Code :

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

1
2
3
4
	<select id="id-select-rubrique">
		<option value="description">Description</option>
		<option value="presentation">Présentation du truc</option>
	</select>

1-Je sélectionne la seconde option.
2-Je clic sur un bouton.
3-J'aimerais (pour simplifier) afficher une alerte : "presentation : Présentation du truc"

J'utilise jQuery 1.2.3, et pour le moment j'arrive à récupérer "presentation" avec :

Code :

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

var rubrique = $('#id-select-rubrique').val();

Mais comment récupérer "Présentation du truc" ?

Merci d'avance
@+

[odissey]

http://docs.jquery.com/Tutorials

[Tchupacabra]

sympa ... y a au moins 1234 tutos...

[odissey]

Crois moi c'était pas un troll, je pourrais pas me permettre de troller à mon niveau...
A tout hasard essaie: var rubrique = $('#id-select-rubrique').text() ? Je sais pas ce que ça va te donner

[Tchupacabra]

text() retourne le texte de tous les libellés des <option> :

"\n Description\n Présentation du truc"

une autre idée ?

[Tchupacabra]

Grâce à Firebug, j'ai pu m'en sortir...

Code :

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

1
2
3
4
var r = $('#id-select-rubrique');
var r_index = r[0].selectedIndex;
var r_option = r[0].options[r_index];
var libelle_rubrique = r_option.text;

pour le moment cela me va... mais si quelqu'un connait une méthode / fonction simplifiant la chose....
qu'il n'hésite pas à contribuer.

@+

[SpaceFrog]

ou en une seule ligne ...

Code :

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

document.getElementById('id-select-rubrique').getElementsByTagName('option')[0].innerHTML

[Tchupacabra]

Merci SpaceFrog !

et en jQuery, ça donnerait quoi ? (c'est juste par curiosité)

[SpaceFrog]

Aucune idée je n'utilise pas JQuery

[Tchupacabra]

apparemment ton code ne fonctionne pas tout le temps... bizarre, souvent il ne donne que le texte de la première <option> !

[Jumano]

Bonjour,
Essayes avec ceci :

Code :

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

1
2
 
document.getElementById('id-select-rubrique').options[document.getElementById('id-select-rubrique').selectedIndex].text

PS : Par contre je n'utilise pas non plus JQUERY