Question

我在桌子上有大约600条记录。这些是图像中显示的项目的名称。要向用户发出项，我们先在文具中输入要发布的每个项的数量，然后提交表单。

我想做的是：

我希望这个表单是动态的。我们应该输入项目的名称（我将使用自动填充功能）。然后我们要输入数量，然后输入备注。完成一个这样的记录后，我想显示一个按钮再次输入。此按钮应生成三个文本框：项，数量，备注 ...再次单击同一按钮时，还会再生一个应该生成一行......

就像Android手机一样，单个联系人可以拥有多个电话号码。输入一个电话号码后，会出现一个按钮，上面写着添加另一个电话号码。我想做这样的事情。

请帮忙。

截至目前，我正在使用PHP循环在HTML表单中显示表中的所有记录，这是一项繁琐的任务和糟糕的设计。

如果有任何出路，请告诉我。

提前致谢。

HTML Form that is currently in use

Answer 1

您可以使用jQuery在单击某个按钮时添加元素。

例如：

HTML：

<html>
    <head>
    ...
    </head>
    <body>
        <div class="items">
            <div class="item1">
                <input type="text" name="...">
                ....  
            </div>
        </div>
        <button class="addElements">Add Item</button>
    </body>
</html>

的javascript / jquery的：

$('button.addElements').on('click', function() {
    $('<div class="item2>....</div>').appendTo('.items');
});

在每个itemX div中，您将输入您的输入以及一件物品所需的一切。

如何在单击按钮时使用新文本框？

1 个答案:

HTML：

的javascript / jquery的：