web-dev-qa-db-ja.com

Javascript Selectボックスの選択されたテキストを取得する方法

このことは完璧に機能します

<select name="selectbox" onchange="alert(this.value)">

しかし、テキストを選択したいです。このようにしてみました

<select name="selectbox" onchange="alert(this.text)">

未定義を示しています。 DOMを使用してテキストを取得する方法を見つけました。しかし、私はこの方法でこれを行いたい、私はちょうどthis.valueを使用するような意味です。

javascriptselect
76
Aajahid
this.options[this.selectedIndex].innerHTML

選択したアイテムの「表示された」テキストを提供する必要があります。 this.valueは、あなたが言ったように、value属性の値を提供するだけです。

119
Delan Azabani

選択したアイテムの値を取得するには、次を実行できます。

this.options[this.selectedIndex].text

ここで、選択の異なるoptionsにアクセスし、SelectedIndexを使用して選択したものを選択し、そのtextにアクセスしています。

Select DOMの詳細をご覧ください here 。

64
Oded

このコードを試してください：

$("#YourSelect>option:selected").html()
36
Andre Morata

使うだけ

$('#SelectBoxId option:selected').text();リストにあるテキストを取得するため

$('#SelectBoxId').val();選択したインデックス値を取得するため

31
Marvil Joy

ここでは誰もjQueryソリューションを求めていないことを知っていますが、jQueryを使用すると、次のことを求めることができることに言及する価値があるかもしれません：$('#selectorid').val()

1
Michiel