18

重複の可能性：
jQueryは特定のオプションタグテキスト
を取得しますjqueryを使用して選択の選択されたオプションのテキストを取得するにはどうすればよいですか？

ドロップダウンリストがあり、選択したアイテムのテキストを知りたいのですが。例えば：

<select>
    <option value="1">Volvo</option>
    <option value="2">Saab</option>
    <option value="3">Mercedes</option>
</select>

選択した値がわかっている場合、そのテキスト値を取得するにはどうすればよいですか？たとえば、値が次の場合、どうすれば1取得できVolvoますか？

感謝します。

4

4 に答える 4

34

option:selected要素の選択されたオプションを取得するために使用できselect、次にtext()メソッドを取得できます。

$("select option:selected").text();

次に例を示します。

console.log($("select option:selected").text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select>
    <option value="1">Volvo</option>
    <option value="2" selected="selected">Saab</option>
    <option value="3">Mercedes</option>
</select>

于 2012-05-02T10:04:16.473 に答える
15 
$("#select_id").find("option:selected").text();

コントロールがサーバー側にある場合に役立ちます。.NETでは次のようになります。

$('#<%= dropdownID.ClientID %>').find("option:selected").text();
于 2012-05-02T10:06:07.317 に答える
1

最も簡単な方法は、css3$("select option:selected")を使用してから、.text()or.html()関数を使用することです。あなたが欲しいものに応じて。

于 2012-05-02T10:06:48.970 に答える
1

このようなドロップダウンリストがある場合はこんにちは

<select id="testID">
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
<option value="4">Value4</option>
<option value="5">Value5</option>
<option value="6">Value6</option>
</select>
<input type="button" value="Get dropdown selected Value" onclick="getHTML();">

ドロップダウンリストにIDを指定した後、次のようなjqueryコードを追加する必要があります

function getHTML()
{
      var display=$('#testID option:selected').html();
      alert(display);
}
于 2012-05-02T10:18:39.647 に答える