Добавить входные данные в форму

Question

Я пытаюсь создать простой список дел. одна из вещей, которую я хочу выполнить, - добавить некоторые входы в форму после щелчка, используя jQuery. К сожалению, этого не происходит ... Кто может указать мне в правильном направлении и помочь мне добавить некоторые входы в форму?

view in css deck

код, который я пытаюсь с:

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

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

});

Благодаря

Answer 1

Ваш input не является идентификатора вместо это класса. SO следует назвать .input

Просто измените #input на .input

как это,

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

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

Answer 2

Если #INPUT не существующий тег, он не будет работать. Метод appendTo используется для добавления некоторого элемента за другим. Вы используете селектор ID #, но он не определен. Измените свой HTML, чтобы добавить, к вводу < > идентификатор #input он будет работать.

Другой способ сделать это, используя что-то вроде:

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

Примечание, этот код будет только решить проблему добавления нового < вход > в #todo_list, не экономить или другие вещи, кроме него.

Answer 3

Вы можете использовать:

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

Здесь следует за JSFiddle working with the behavior described.