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

0

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

просмотр в css-колоде

код, который я пытаюсь использовать:

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

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

});

благодаря

  • 0
    Является ли #input тегом <input>? Иначе это не сработает.
Теги:
forms

3 ответа

0
Лучший ответ

Ваш input не является идентификатором, а не классом. SO он должен быть вызван как .input

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

как это,

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

  $('#add').click(function(){
  $('.input').appendTo(todo_list);
 });
  • 0
    Ничего себе, полностью пропустил это. Круто, спасибо всем!
0

Если #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, а не сохранения или другого материала, кроме него.

0

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

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

Здесь следует JSFiddle, работающий с описанным поведением.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню