Question

我正在寻找一个动态创建输入字段的JQuery代码..我找到了这个代码，这就是我想要的东西

$(function() {
    var input = $('<input type="text" />');
    var newFields = $('');
    $('#qty').bind('blur keyup change', function() {
        var n = this.value || 0;
        if (n + 1) {
            if (n > newFields.length) {
                addFields(n);
            } else {
                removeFields(n);
            }
        }
    });

    function addFields(n) {
        for (i = newFields.length; i < n; i++) {
            var newInput = input.clone();
            newFields = newFields.add(newInput);
            newInput.appendTo('#newFields');
        }
    }

    function removeFields(n) {
        var removeField = newFields.slice(n).remove();
        newFields = newFields.not(removeField);
    }
});

DEMO

但我希望字段有数字，如下：

＃1 FIELD
＃2 FIELD
＃3 FIELD

我已经尽力了，我已经搜索了很长时间，但我找不到任何可以帮助我的东西。我希望有人可以帮助我。

Answer 1

试试这个：

function addFields(n) {
        for (i = newFields.length; i < n; i++) {
            var newInput = $("<div>#"+(i+1)+"</div>").append(input.clone());
            newFields = newFields.add(newInput);
            newInput.appendTo('#newFields');
        }
    }

<强> DEMO

JQuery添加输入字段并对其进行计算

1 个答案: