javascript - 使用 JavaScript 添加新的文本框

Question

我有一个网页。有一个名为添加的按钮。单击此添加按钮时，必须添加一个文本框。这应该只发生在客户端。我想允许用户最多添加 10 个文本框。

如何使用 JavaScript 实现它？

例子:

• 只显示一个文本框
• 用户点击添加>
• 显示两个文本框
• 用户点击添加>

我还想提供一个名为“删除”的按钮，用户可以通过它删除多余的文本框

任何人都可以为此提供 JavaScript 代码吗？

Answer 1

未经测试，但这应该可以工作(假设存在具有正确 id 的元素)；

var add_input = function () {

    var count = 0;

    return function add_input() {
        count++;
        if (count >= 10) {
            return false;
        }
        var input = document.createElement('input');
        input.name = 'generated_input';
        document.getElementbyId('inputs_contained').appendChild(input);
    }

}();

add_input();
add_input();
add_input();