Javascript 运行克隆n次

我当前正在使用此代码在单击id为btnAdd的按钮时克隆文本输入字段

$(document).ready(function() {
            $('#btnAdd').click(function() {
                var num     = $('.clonedInput').length;
                var newNum  = new Number(num + 1);

                var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

                newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);
                $('#input' + num).after(newElem);
                $('#btnDel').attr('disabled','');

                if (newNum == 25)
                    $('#btnAdd').attr('disabled','disabled');
            });

我想做的是能够按下另一个按钮，让它添加一定数量的克隆文本字段，同时仍然将ID重命名为name+n

我想这样做，这样我就可以有一个按钮创建外汇。5个文本字段，然后用预定值填充它们

现在，我必须首先为5个总计创建4个文本字段，然后用另一个按钮调用该函数，以更改文本字段

如果方向正确，我们将不胜感激

---

我在评论中使用的示例：

---

比方说，我想有一个网站，你可以输入一个名单的名字

我从一个输入框开始

<div id="input1" style="margin-bottom:4px;" class="clonedInput">
<input type="text" name="name1" id="name1" placeholder="Port" />
</div>

---

但是，如果用户没有创建足够的输入框克隆，这只会填充已创建的克隆。

我希望我了解您想要的行为。它基本上是在div块中添加输入，并使用一些随机名称作为值

var name=[“克里斯”、“吉米”、“乔治”、“马丁”、“基思”]；
函数createInputs（numberOfInputs，blockId）{
var i=0；
var inputBlock=$（“#”+blockId）；
inputBlock.empty（）；
while（i

输入{
显示：块；
保证金：5px0；
}

创建3个随机输入
创建5个随机输入

您能用现在的代码制作代码片段吗？我不完全理解你想要实现什么。有什么例子吗？比如说，我想有一个网站，你可以输入一个名字列表，我从一个输入框开始，然后我希望用户能够添加更多的输入框。因此，我在OP中使用克隆代码，这允许用户手动添加他们想要的所有姓名。但我希望用户能够从预先选择的列表中进行选择，比如说足球队所有姓名的列表，因此我希望用户能够按下按钮，创建fx。11个输入框，然后用足球队的所有名称填写这些框。为此，我一直在使用以下代码：

functioninput（）{$（'#name1'）.val（'John'）$（'#name2'）.val（'Steve'）$（'#name3'）.val（'Maria'）$（'#name4'）.val（'Ida'）}

但是如果用户没有创建足够的输入框克隆，这只会填充创建的克隆。

function Input() {
                $('#name1').val(‘John’)
                $('#name2').val(’Steve’)
                $('#name3').val(‘Maria’)
                $('#name4').val(‘Ida’)
            }