jquery - jqueryを使用して値を含むDropDownのテキストを取得するにはどうすればよいですか？

Question

こんにちはすべて私は値を持ついくつかのオプションがあるドロップダウンを持っています

      <select id="displaytype">
      <option value="1002">TextBox</option>
      <option value="1003">CheckBox</option>    
      </select>

   var value="option value like(1002)" want the text of this value

今、私はこの値を使用してドロップダウンの値の1つを持っています、私はドロップダウンから値のテキストを取得する必要があります誰かがここで私を助けることができます

Answer 1

オプションの値ではなくテキストを取得するには、.text()メソッドを使用できます。

option:selected選択したオプションのテキストを取得するには、セレクターを使用できます。

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

特定のオプションのテキストを取得したい場合は、:eq()セレクターまたは.eq()メソッドを使用して、特定のインデックス (ゼロベース) で要素を選択できます。

// Get the text of the first option in the select list
$("#displaytype option:eq(0)").text();
$("#displaytype option").eq(0).text();

デモ

Answer 2

選択したオプションにtext（）を使用して、選択したテキストを取得できます。

ライブデモ

alert($('#displaytype').val());                 //for getting selected item value 
alert($('#displaytype option:selected').text()); //for getting selected item text

すべてのオプションを調べてtext（）を取得するには、each（）を使用できます

ライブデモ

$('#btn').click(function() {
    $('#displaytype option').each(function() {
        alert($(this).text());
    });
});​

</ p>

Answer 3

ドロップダウンの値が必要な場合:

$('#displaytype').val();

選択したオプションのテキストが次の場合:

$('#displaytype option:selected").text();

Answer 4

オプションが選択されていないが、値でテキストを取得したい場合:

$('#displaytype option[value=1002]').text();