Jquery显示多个输入字段

时间:2013-05-23 23:16:59

标签: jquery html

我是一名新手程序员,试图通过这种方式实现某些功能。 我有一个文本框显示一个按钮,上面写着添加新的文本框。单击一个名为add new field的按钮,jquery显示一个新的文本字段。因此,如果用户点击它,他们可以一次添加多个字段。 如果我能得到这方面的帮助,我将不胜感激。 谢谢大家。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

jquery you can try this

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

有两点需要注意: 你肯定想要设置一个int变量,每次你创建一个新的文本框时都会增加它,并为它们分配一个唯一的名称/ id,这样你就可以更容易地从中获取数据了

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