JQuery для отображения нескольких полей ввода

Question

Я новичок-программист, пытающийся достичь чего-то, что будет функционировать таким образом. У меня есть одно текстовое поле с кнопкой, в которой говорится, что добавлено новое текстовое поле. Onclick кнопки с именем add new field, jquery показывает новое текстовое поле. Поэтому, если пользователь нажимает на них, они могут добавлять более одного поля за раз. Буду признателен, если я смогу получить помощь в этом. Спасибо всем.

Answer 1

грубый пример

$('#btn').on('click', function() { 
    var num = parseInt($('#num').val(), 10); 
    if (!isNaN(num)) { 
      var $div = $('#div'); 
     for(var i=0;i< num;i++) { 
      $div.append('<input type="text" />') ; 
     } 
    } 
}); 

Check Fiddle

Answer 2

в ваших jquery you can try this

$('.buttonClass').click(function(){ 
    $("<input placeholder='this is a new textbox'/>").appendTo('body'); 
}); 

две вещи, чтобы отметить: вы определенно хотите установить INT переменную, которая будет увеличиваться каждый раз, когда вы создаете новое текстовое поле и назначаете им каждое уникальное имя/идентификатор так что вы можете получить те данные из них проще

и вы хотите добавить эти элементы в вашу форму, а не к «телам» документ