Comment obtenir le texte de l'option sélectionnée d'une sélection en utilisant jquery ?

Question

Si j'ai cette sélection :

     <select id="days">
        <option value="0">Today</option>
        <option value="1">Yesterday</option>
        <option value="7">Last week</option>
     </select>

et que quelqu'un sélectionne la troisième option "semaine dernière", je peux obtenir la valeur de la semaine dernière (qui est 7), en utilisant la méthode suivante $("#days").val() mais comment puis-je obtenir la valeur du texte, c'est-à-dire "la semaine dernière" ?

Answer 1

$("#days option:selected").text()

Answer 2

Est-ce que .text() ne vous donne pas le résultat que vous recherchez ?

http://marcgrabanski.com/article/jquery-select-list-values - J'ai aussi trouvé ceci

Answer 3

Ajoutez une classe "myOption" aux options, et une valeur d'attribut avec le texte que vous voulez. Ensuite :

$(".myOption").each( function( i ) { if( $(this).attr('selected') ) { $(this).attr('value') } ) ;

Answer 4

C'est peut-être un peu verbeux (je suis bien sûr Je me souviens d'un moyen plus facile...)

var value = $("#days").val(); 
$("option[value='" + value + "']", "#days").text()

Answer 5

Je préfère utiliser :

var s = $("#days");
var i = s.prop("selectedIndex"); //get selected indexs
s.children().eq(i).text();