Question

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

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

 $(".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后端的所有输入框收集值？

Answer 1

是的，您只需将输入框命名为数组即可。像/v1/example_two/123。

name[]

现在，您可以使用，

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

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

const parts = req.body.partNumber

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

1 个答案: