<p>我正在开发一个与表格集成的小型HTML表单。表格中有一个名为"name"的输入字段，它将当前日期作为默认值显示出来。这对于第一行来说效果很好。然而，当我动态添加更多行时，新的输入字段不会显示默认的日期值。以下是我的当前代码设置：</p> <pre class="brush:html;toolbar:false;">&lt;html&gt; &lt;body&gt; &lt;table class="table table-bordered"&gt; &lt;thead class="table-success" style="background-color: #3fbbc0;"&gt; &lt;tr&gt; &lt;th width="15%"&gt;&lt;center&gt;Service&lt;/th&gt; &lt;th width="5%"&gt;&lt;/th&gt; &lt;th&gt; &lt;button type="button" class="btn btn-sm btn-success" onclick="BtnAdd()"&gt;Add Item&lt;/button&gt; &lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody id="TBody"&gt; &lt;tr id="TRow" class="d-none"&gt; &lt;td&gt;&lt;input type="text" name="name[]" id="name" value="&lt;?php echo date("Y-m-d"); ?&gt;"&gt;&lt;/td&gt; &lt;td class="NoPrint"&gt; &lt;button type="button" class="btn btn-success" style="line-height: 1;" onclick="BtnDel(this)"&gt;x&lt;/button&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;script type="text/javascript"&gt; // Script to add dynamic rows in the table function BtnAdd() { var v = $("#TRow").clone().appendTo("#TBody"); $(v).find("input").val(''); $(v).find("input").autocomplete({ source: 'backend-script.php' }); $(v).removeClass("d-none"); $(v).find("th").first().html($('#TBody tr').length - 1); } function BtnDel(v) { $(v).parent().parent().remove(); $("#TBody").find("tr").each(function(index) { $(this).find("th").first().html(index); }); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p>我需要一些关于如何使这些动态创建的字段也显示当前日期作为它们的默认值的指导。非常感谢您对我的学习项目提供帮助。</p>

function BtnAdd() {
  /*Add Button*/
  var v = $("#TRow").clone().appendTo("#TBody") ;
  var currentDate = new Date().toISOString().split('T')[0]; // Get the current date
  $(v).find("input").val(currentDate); // Set the value of the new input field to the current date
  $(v).find("input").autocomplete({ source: 'backend-script.php' });
  $(v).removeClass("d-none");
  $(v).find("th").first().html($('#TBody tr').length - 1);
}