用于动态生成输入字段的 JQuery

Question

我遇到以下问题；我有一个动态生成的表格。在其中一列中，我有一个带有一些选项的选择输入，在以下列中，我有一个 Timestamp 输入字段，只要用户选择其中一个选项，该字段就会自动填写当前日期。我有以下代码，但是，时间戳要么仅针对第一行（如果我将 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");
});