jquery - jQuery显示多个输入字段

Question

我是一个新手程序员，试图实现以这种方式运行的东西。我有一个文本框显示一个按钮，上面写着添加新文本框。单击名为添加新字段的按钮时，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" />')   ;
        }
    }
});

检查小提琴

Answer 2

在你的jquery 中你可以试试这个

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

需要注意的两件事：您肯定希望设置一个 int 变量，每次创建新文本框时都会递增，并为它们分配一个唯一的名称/ID，以便您可以更轻松地从中获取数据

并且您将希望将这些元素附加到您的表单而不是文档的“正文”中