javascript - jQuery でインデックスを使用して HTML 選択オプションの値を取得する

Question

選択およびオプションの HTML:

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

インデックス 1 のオプションの値が必要です。

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

Answer 1

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

eq()はインデックスなので 0 から始まります

現在選択されている値を取得します

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

text()の代わりに使用val()して、テキスト コンテンツを取得します

Answer 2

テキストを取得するには:

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

Answer 3

これを使用して値を取得できます。

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

テキストを取得するための this :

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

デモはこちら