Question

我正在尝试创建一个简单的待办事项列表。我想要完成的一件事是在使用jQuery单击后将一些输入附加到表单中。不幸的是，这种情况并没有发生......谁可以指出我正确的方向，并帮助我在表格中添加一些输入？

我正在尝试的代码：

$(document).ready(function(){
var todo_list = $('#todo_list');

$('#add').click(function(){
    $('#input').appendTo(todo_list);
});

}）;

由于

Answer 1

如果#input不是现有标签，则无效。 appendTo方法用于添加一个接一个的元素。您正在使用ID选择器#input，但似乎没有定义。将要添加的HTML更改为＆lt; input＆gt;它将起作用的#input ID。

另一种方法是使用类似的东西：

$(document).ready(function(){
  var todo_list = $('#todo_list');
  var input = $('<input type="text" name="whatever" id="whatever" class="someclass">');

  $('#add').click(function(){
    $(input).appendTo(todo_list);
  });
});

注意，此代码仅解决添加新＆lt; input＆gt;的问题。到#todo_list，除了它之外没有保存或其他东西。

Answer 2

您可以使用：

$('#add').click(function(){
  $('#todo_list').append('<input type="text" />');
});

以下是JSFiddle working with the behavior described。

Answer 3

您的input不是 ID ，而是类。所以它应该被称为.input

只需将#input更改为.input

即可像这样，

 $(document).ready(function(){
 var todo_list = $('#todo_list');

  $('#add').click(function(){
  $('.input').appendTo(todo_list);
 });

将输入附加到表单中

3 个答案: