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

您需要使用事件delegation，如下所示。

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

Answer 2

试试这个：

$(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");         
    });
});

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

2 个答案: