javascript - 如何通过填写以前的自动生成新的输入字段？

Question

尽可能简单：我有条件我不知道我将在哪里拥有 3 个或更多输入元素（“文本”类型），我正在寻找将生成第 4 种输入类型文本的解决方案我开始用字符填充第三个输入字段，依此类推。

创建/更改数据库时添加新列的类似管理员有：

在这里，您单击 + 添加新输入，单击 x 将其删除。这对我也有好处。如何实现/我应该使用什么库？

Answer 1

您可以克隆整行，并将其附加到父表。看看 jQuery clone()和append()。

示例代码：

$('#yourtableid').on('click', '.add', function() {

   // clone first row
   var row = $('#yourtableid tbody tr:first').clone();

   // reset inputs 
   row.find('input[type!=button]').val('');

   // append cloned row 
   $('#yourtableid tbody').append(row);

});

现场演示。

编辑：要在最后一行中填充一些文本时自动添加行，您可以使用：

$('#tbl').on('change', 'input', function() {

  // check that some input was entered and that it is in the last tr
  if($(this).val() != '' &&
     $(this).closest('tr').is(':last-child')) {
    addRow();
  }
});

Answer 2

如果没有代码示例，很难说出你想要得到什么，但你想要这样的东西吗？

HTML：

<input type='text' />

JS：

$('input').on( 'change', function() {
    $(this).after( '<input type="text" />' );
    $('input').off( 'change' );
});

jsFiddle 已关闭，jsBin 无法处理额外的负载，但这里有一个演示。