web-dev-qa-db-ja.com

jQueryを使用して選択したオプションのテキストを取得する

いくつかの値を含む選択ボックスがあります。値ではなく、選択したオプションテキストを取得するにはどうすればよいですか？

<select name="options[2]" id="select_2">
    <option value="">-- Please Select --</option>
    <option value="6" price="0">100</option>
    <option value="7" price="0">125</option>
    <option value="8" price="0">150</option>
    <option value="9" price="0">175</option>
    <option value="10" price="0">200</option>
    <option value="3" price="0">25</option>
    <option value="4" price="0">50</option>
    <option value="5" price="0">75</option>
</select>

私はこれを試しました：

$j(document).ready(function(){
    $j("select#select_2").change(function(){
        val = $j("select#select_2:selected").text();
        alert(val);
    });
});

しかし、それはundefinedで戻ってきています。

javascriptjqueryhtmldrop-down-menujquery-selectors
43
dotty

閉じる、使用できます

$('#select_2 option:selected').html()
63
JohnP
$(document).ready(function() {
    $('select#select_2').change(function() {
        var selectedText = $(this).find('option:selected').text();
        alert(selectedText);
    });
});

フィドル

16
bancer

セレクターを

val = j$("#select_2 option:selected").text();

<select>の代わりに<option>を選択しています

9
Björn

実際に値=をテキストに入れてから

$j(document).ready(function(){
    $j("select#select_2").change(function(){
        val = $j("#select_2 option:selected").html();
        alert(val);
    });
});

または、私が同様のケースで行ったことは

<select name="options[2]" id="select_2" onChange="JavascriptMethod()">
  with you're options here
</select>

この2番目のオプションを使用すると、未定義になります。うまくいったらフィードバックをください:)

パトリック

0
PRacicot

また、あなたはこれを考慮することができます

$('#select_2').find('option:selected').text();

確かではありませんが、これは少し高速なソリューションかもしれません。

0
user1278890