javascript - 選択リストの値の代わりにテキストを取得するJQuery

Question

選択リストから値を取得する必要がありますが、JQueryは選択のオプション内のテキストを返します。

私は次の簡単なコードを持っています。

<select id="myselect">
   <option selected="selected">All</option>
   <option value="1">One</option>
   <option value="2">Two</option>
</select>

次に、次のJQueryを使用します。これにより、値が得られると思いました。

var myOption = $('#myselect').val()

しかし、私が見るとmyOption、「1つ」または「2つ」のテキストが表示されますか？

Answer 1

更新：val（）を追加します。

console.log($('#myselect').val());

// all option's value
$('#myselect').find('option').each(function(){
    console.log($(this).text());
    console.log($(this).val());
});

// change event
$('#myselect').change(function(){
    console.log($(this).find(':selected').text());
    console.log($(this).find(':selected').val());
});

デモ： http： //jsfiddle.net/yLj4k/3/

Answer 2

テキスト値を取得する最も簡単な方法は

選択したオプション Text の場合:

$("#myselect option:selected").text(); 

選択したオプションの値:

$("select#myselect").val(); 

Answer 3

デモ

$("#myselect").change(function() {
    alert(this.options[this.selectedIndex].value);
});

Answer 4

編集

ひや

ここで動作するデモ: テキストを使用http://jsfiddle.net/QtjTq/3/ && ここで val を使用http://jsfiddle.net/QtjTq/4/

このように text() var myOption = $('#myselect option:selected').text() にアクセスする場合 - 値にアクセスする場合 - var myOption = $('#myselect option:selected').val()

さらに詳しく説明するには:

value=属性にアクセスする場合はfor value.val()を使用します。

テキストを取得する場合は、テキストを取得します。つまりone or two、選択したオプション... option:selectedを.text()api で使用します。

さらにhttp://forum.jquery.com/topic/jquery-using-val-vs-textを読みたい場合

これが役立つことを願っています:)乾杯

var myOption = $('#myselect option:selected').text() //**or whatever suit you** 
var myOption = $('#myselect option:selected').val()


<select id="myselect">
   <option value="1">One</option>
   <option value="2">Two</option>
</select>