如何使用JavaScript/jQuery在div中动态添加多个输入字段？

我需要使用JavaScript/jQuery在

onkeypress

事件上动态创建一些多输入字段

我有一个文本框，当用户在该文本区域输入任意键时，两个输入字段和第二个文本框打开。当用户再次在第二个文本框中输入任意键时，另两个输入字段和第三个文本框将打开，依此类推。还创建了一个十字按钮，用于关闭每套文本框。在我当前的代码中，我这样做是将所有字段作为静态字段，因为用户可能会创建许多输入字段，因此我希望使用不同的

名称和id来动态创建这些字段

我的代码是。
编辑：误解的问题，回答如下
如果您有一个特定的字段来创建输入字段，那么可以很容易地做到这一点。例如，我将把输入字段加载到
document.body


每次调用
newinput（）
时，都会在
parent
中创建一个输入字段，who's
id
从
input0开始，每次递增


var id=0；
var newinput=函数（）{
var parent=document.body
变量字段=document.createElement（“输入”）
field.className=“myclassname”
field.style=“显示：块；”
field.id=“输入”+id；
父.子（字段）；
id+=1；
}

单击加号添加输入
+
您可以使用jQuery在div中动态添加多个输入字段。在这里，您只需要调用接受两个参数的函数
HTMLElement
和
config
，如下所示：

  $(".addInput").click(function() {
    build_inputs($(this), config);
  });

在配置中，您可以从配置中添加输入数，如：

let config = {
  title: "Slides",
  forms: [
    {
      type: "text",
      name: "name",
      class: "form-control mb-2",
      placeholder: "Enter Data..."
    },
    {
      type: "file",
      name: "image",
      class: "btn btn-light btn-sm mb-2 btn-block"
    },
    {
      type: "number",
      name: "mobile",
      class: "form-control mb-2",
      placeholder: "Enter Data..."
    }
  ],
  exportTo:$('#getData')
};

也要在帖子中发布必要的代码……看起来这个问题已经被放弃了，并且处于某种不确定的状态。我不知道保留这个问题是否有多大价值，我想知道它是否应该被搁置？Satya：下面这个更大答案的作者在你的聊天中说代码是有效的。如果你能记住它是否对你有用，你可以根据他们明显的努力考虑接受这个答案。Shane Abram Mendez：好的，我正在执行你的代码并让你知道。我已经实现了你的代码，但是它不起作用。这是我的当前[plunkr，这是我的（以前的）[plunkr。请检查此项。新的[plunkr]中没有任何内容。
。questionparts
必须包含
。questionshowp
以及所有所需的初始字段。基本上，第一个表单必须由您创建。我必须创建所有这些表单，因为用户可能会创建个问题。