Comment obtenir le texte de l'option sélectionnée d'un select 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 quelqu'un sélectionne la 3ème option la semaine dernière », je peux obtenir la valeur de la semaine dernière (qui est 7), en utilisant $("#days").val(), mais comment puis-je obtenir la valeur du texte c'est-à-dire 'Dernière semaine'?

Answer 1

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

Answer 2

Ajoutez une classe "myOption" aux options et une valeur sttribute avec le texte que vous voulez. Puis:.

$ ("myoption") chaque fonction ((i) {if ($ (this) .attr ('sélectionné')) {$ (this) .attr ('value')})

Answer 3

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

http://marcgrabanski.com/article/jquery-select-list-values - trouvé cela aussi

Answer 4

peut-être un peu bavard (je suis sûr que Je me souviens d'une façon 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();