Obtenir la valeur de l'option de sélection HTML en utilisant son index avec jQuery

Question

HTML pour la sélection et les options:

<select class="dropdown">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>

Je veux la valeur de l'option à l'index 1, quelque chose dans le sens de

$('.dropdown[1]').value
// should return 'two'

Answer 1

$('.dropdown option').eq(1).val()

eq () commencera par 0 car c'est un index

Obtenez la valeur actuellement sélectionnée avec

$('.dropdown option:selected').val()

utilisez text() au lieu de val() pour récupérer le contenu du texte

Answer 2

Pour obtenir le texte:

var list = document.getElementById("dropdown");
var value = list.options[1].text;

Answer 3

Vous pouvez l'utiliser pour obtenir la valeur:

$('select.dropdown option').eq(1).val();

Un ceci pour obtenir le texte:

$('select.dropdown option').eq(1).text();

Démo ici