ce qui est l'équivalent de ce javascript JQuery

Question

Comment écrire la valeur équivalente de cela dans Jquery

document.getElementById("selectbox"). 
options[document.getElementById("selectbox").selectedIndex].innerText; 

Answer 1

simple:

$('#selectbox option:selected').text(); 

Answer 2

Comme ceci:

$('#selectbox option:selected').text(); 

Pour obtenir un événement change, vous pouvez faire comme ceci:

$('#selectbox').change(function(){ 
    alert($('option:selected', $(this)).text()); 
}); 

Answer 3

Vous voulez sélectionné l'<option> sélectionné dans le <select id="selectbox"> tag et obtenir son texte:

$('#selectbox option:selected').text() 

Parce que le selectbox ne peut pas contenir quoi que ce soit vraiment mais options, vous pouvez omettre cette partie:

$('#selectbox :selected').text() 

Answer 4

L'exemple Javascript d'OP est inutilement répétitif et complexe. Il montre clairement Javascript sous un mauvais jour par rapport à jQuery alors qu'en fait il devrait être plus simple et plus concis. Ce n'est vraiment pas quelque chose que jQuery devrait être utilisé.

document.getElementById('selectbox').value; 

Était-ce si difficile? Avec la référence de l'élément stocké dans une variable qu'il serait aussi simple que cela

selectbox.value; 

Et A titre de comparaison, le code jQuery

$('#selectbox').val(); 

OMI le Javascript simple est plus facile à lire, direct, et certainement plus performant .

Je ne considérerais guère cette question comme un exemple de code si trivial; il n'implique pas la traversée de DOM et n'a pas de problèmes de compatibilité croisée avec le navigateur, qui sont les principales choses pour lesquelles jQuery a été conçu pour répondre. Donc ce que je veux dire, c'est que je ne suis pas vraiment sûr ...