動的に生成される入力フィールドのJQuery

Question

次の問題があります。私は動的に生成されたテーブルフォームを持っています。列の1つにはいくつかのオプションを持つ選択入力があり、次の列にはユーザーがオプションの1つを選択するとすぐに現在の日付で自動的に入力されるタイムスタンプの入力フィールドがあります。私は次のコードを持っていますが、タイムスタンプは最初の行（入力フィールドにIDを使用する場合）またはすべての行（入力フィールドにクラスを使用する場合）の場合にのみ生成されます。選択したドロップダウンリストと同じ行にのみタイムスタンプを入力する必要があります。どんな助けでも大歓迎です。

<select class='Status'> 
    <option value= '1'> Option1 </option> 
    <option value= '2'> Option2 </option> 
</select> 

<input type=text class='TimeStamp'/> 

はその後、私のjQueryのために、私は次のコードを持っている：

$(document).ready(function() { 
    $('.Status').on('change', function() { 
     $('.TimeStamp').val("CurrentDate"); 
}); 
}); 

Answer 1

これを試してみてください：

$(document).ready(function() { 
    $('.Status').on('change', function() { 
     // get current row 
     var row = $(this).parent().parent(); 
     // find .TimeStanp in the current row and set value 
     row.find('.TimeStamp').val("CurrentDate");   
    }); 
}); 

Answer 2

あなたは次のようなイベントdelegationを使用する必要があります。

$(document).on('change', '.Status', function() { 
    $('.TimeStamp').val("CurrentDate"); 
});