jQuery Table AddRowプラグイン追加された行にID番号を追加する

Question

フォームを持っていて、テーブルに行を動的に追加するためにjQuery Table AddRowプラグインを使用していますが、問題はメニュー項目を選択するときですメニュー項目は、その左側のテキストボックスに入ります。それは最初の行で動作しますが、プラグインを介して追加された行を操作する方法を理解できません。

現在のアクションで私のコードを見ることができます：http://jsfiddle.net/VXNzd/ここ

は、jQueryのコードです：

// This moves the select box text to the input box 
$('#mnu_names').change(function() { 
    var mnuProduct = $("#mnu_names").find(':selected').text(); 
    var mnuCleanProduct = mnuProduct.split(' - '); 
    $('#topping_name').attr('value', mnuCleanProduct[0]); 
}); 
// This code is needed to add and delete rows with the plugin 
$(".toppings_add").btnAddRow({ 

jsfiddleリンクアップし、トップを訪問し、私が話しているかを確認する方が簡単な場合があり。それが選択ボックスを使用してロードし、何かを選択すると、その情報が価格情報なしでテキストボックスに表示されます。新しい行を追加してもう一度やり直してください。動作しません、それを動作させる方法を把握することはできません。

Answer 1

問題は、あなたのIDが一意ではないということです。また、$.change()は、実行した後に追加されたブロックでは機能しません。代わりに$.on('change',...)を使用してください。

コードを更新してhttp://jsfiddle.net/PDPbn/5/に投稿しました。 jsfiddleを投稿するための

$(document).on('change','.mnu_names',function() { 
    var mnuProduct = $(this).find(':selected').text(); 
    var mnuCleanProduct = mnuProduct.split(' - '); 
    $(this).parentsUntil('tbody').find('.topping_name').attr('value', mnuCleanProduct[0]); 
});