web-dev-qa-db-ja.com

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

選択とオプションの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'
javascriptjqueryhtmlhtml-select
17
frostbite
_$('.dropdown option').eq(1).val()
_

eq（） はインデックスであるため0で始まります

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

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

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

35
Horen

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

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

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

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

テキストを取得するthis：

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

デモここ

4
Sergio