Я пытаюсь создать простой список дел. одна из вещей, которую я хочу выполнить, - добавить некоторые входы в форму после щелчка, используя jQuery. К сожалению, этого не происходит... Кто может указать мне в правильном направлении и помочь мне добавить некоторые материалы в форму?
код, который я пытаюсь использовать:
$(document).ready(function(){
var todo_list = $('#todo_list');
$('#add').click(function(){
$('#input').appendTo(todo_list);
});
});
благодаря
Ваш input
не является идентификатором, а не классом. SO он должен быть вызван как .input
Просто измените #input
на .input
как это,
$(document).ready(function(){
var todo_list = $('#todo_list');
$('#add').click(function(){
$('.input').appendTo(todo_list);
});
Если #input не является существующим тегом, это не сработает. Метод appendTo используется для добавления некоторого элемента за другим. Вы используете селектор ID #, но он не определен. Измените свой HTML, чтобы добавить к <input> идентификатор #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);
});
});
Обратите внимание: этот код разрешит проблему добавления нового <input> в #todo_list, а не сохранения или другого материала, кроме него.
Вы можете использовать:
$('#add').click(function(){
$('#todo_list').append('<input type="text" />');
});
Здесь следует JSFiddle, работающий с описанным поведением.