1

1 つの列に選択ボックスが含まれているテーブルがあります。どの行の選択ボックスが変更されたかに基づいてテーブル行のいくつかのプロパティを変更するために、リスナーを任意の選択アクティビティにバインドする必要があります。明らかなように、選択ボックスの修正IDがありません。以下は私が試していたコードですが、機能していません。将来、さらに行がテーブルに追加される可能性があるため、ライブ リスナーが必要です。

$('#datatable').on('change', '.MediaType  select' function(){
    console.log('Changed');
    //console.log($(this.find('select :selected').text()));
});

ここで MediaType は、囲んでいる td 要素のクラスです。「datatable」はテーブルの ID です。誰かが解決策を提案してください。

修正版は以下のとおりです。

$('#datatable').on('change', '.MediaType  select' function(){
console.log('Changed');
    //Below line to get value of selected
console.log($(this, ':selected').val()));

});
4

2 に答える 2

1

.MediaType はスパンを含む td であるため、変更イベントを td ではなくスパンにバインドします。

あなたはそれを取り除くことができます,

$('#datatable').on('change', '.MediaType select'

選択した値を取得するには:

$(this).val();

于 2013-07-08T11:01:42.480 に答える