为动态创建的输入框设置输入名称答案

【问题标题】：Setting input name for a dynamically created input box为动态创建的输入框设置输入名称
【发布时间】：2019-07-09 06:18:38
【问题描述】：

我有一个表单，用户可以在其中单击按钮并根据需要添加任意数量的输入框。

由于所有输入框都具有相同的样式，我决定通过执行以下操作将输入框附加到表单：

 $(".addParts").click(function(e){
        e.preventDefault();
        $(".fieldsWrapper").append('<div class ="row no-gutters partsBorder"><div class="col-4"><div class="row no-gutters"><div class="col-1"><button class="btn btn-danger delete" type="button"><a href="#" class="delete">X</a></button></div><div class="col"><input name="partNumber" class="typeahead parts form-control" type="text" id="partNumberInput" aria-describedby="enter Part Number" placeholder="Part Number"></div></div></div>')
    })

由于输入框都具有相同的名称，有没有办法从我的Nodejs后端的所有输入框中收集值？

【问题讨论】：

标签： jquery html node.js

【解决方案1】：

是的，您可以将输入框命名为数组。比如name[]。

<input name="partNumber[]" class="typeahead parts form-control" type="text" id="partNumberInput" aria-describedby="enter Part Number" placeholder="Part Number">

现在，您可以使用，

const parts = req.body.partNumber

确保您使用的是 urlencoded bodyParser 支持：

app.use(bodyParser.urlencoded({ extended: true }));

【讨论】：