jquery - 事前に要素 ID を知らなくても、option:selected を使用できますか?

Question

ドロップダウン (選択) 列を持つ jqGrid があります。選択の選択されたオプションが変更されたら、いくつかの検証を実行する必要があります。イベントはchange問題なく発生しましたが、選択したオプションを取得するために必要な構文がわかりません。通常、これはこれで簡単です：

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

実行時にドロップダウンの ID を作成できますが、私の人生では、選択したテキストを取得する方法がわかりません。

var rowId = $("#grid").jqGrid('getGridParam', 'selrow');
var selectId = rowId + '_Description';
//selectId is the ID of the select element, how do I get the selected value now??

など、ありとあらゆる組み合わせを試しましたが、わかり$("selectId option:selected").text();ません。可能であれば、構文は何ですか?

Answer 1

on()次のメソッドを使用することもできます。

$('select').on('change', function(e){
    var selectedOptionText = $(this).find('option:selected').text();
});

JS Fiddle の概念実証。

または、より簡単に：

$('select').on('change', function(e){
    var selectedOptionText = $(this).find('option').eq(this.selectedIndex).text();
});

JS Fiddle の概念実証。

Answer 2

イベントハンドラー内にいる場合は、次のことができます$(this).val();

または$(this).find("option:selected").text();テキスト。

Answer 3

$("selectId option:selected").text()する代わりに$("#selectId").val()