我正在尝试从表单中获取多选择值。
<<p>JS代码/strong>router.post('/profile', (req, res)=>{
console.log(req.body.name);
})
HTML/配置文件
<div class="form-group" method="POST">
<br>
<select class="form-control multiselect" multiple="multiple">
{{#team}}
<option value="{{name}}" name="{{name}}">{{name}}</option>
{{/team}}
</select>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Update Members<i class="icon-circle-right2 ml-2"></i></button>
</div>
</div>
提交时,我无法记录正文。
您的代码中存在多个问题。
- 首先,由于您正在传递一个变量作为名称
name="{{name}}"
,我假设变量的值等于name[]
,请注意,您需要添加数组括号来为同一键发送多个值。 - 也
method="POST"
属性应该添加到表单标签,而不是div。
最后,您的代码应该类似于下面的代码:
<form method="POST">
<div class="form-group">
<br>
<select class="form-control multiselect" multiple="multiple" name="name[]">
{{#team}}
<option value="{{name}}" >{{name}}</option>
{{/team}}
</select>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Update Members<i class="icon-circle-right2 ml-2"></i></button>
</div>
</div>
</form>