如何使用Express.js获取html选择的选定选项值？

Question

我在项目中使用html下拉列表。如何在Express服务器中获取select值？

<div class="mb-3">
<label for="kk" class="form-label">Designation</label>
<select class="form-select" name="picker" aria-label="Default select example" id="kk">
<option selected>Select</option>
<option value="1">Proffesor</option>
<option value="2">Associate Proffessor</option>
<option value="3">Lab Assistant</option>
</select>
</div>

在我的请求后处理方法中，我使用了以下代码来获得值：

const f = req.body.picker;

这给我的是下拉列表中所选值的索引，如0、1、2等，而不是实际值，如professor、associate、professor、lab assistant。

Answer 1

当您发送请求时，您实际上会得到所选option的value属性中的内容。对于你想要的数据，你可以这样做：

<div class="mb-3">
<label for="kk" class="form-label">Designation</label>
<select class="form-select" name="picker" aria-label="Default select example" id="kk">
<option value="" selected>Select</option>
<option value="Proffesor">Proffesor</option>
<option value="Associate Proffessor">Associate Proffessor</option>
<option value="Lab Assistan">Lab Assistant</option>
</select>
</div>

这就是你将得到的：

const f = req.body.picker; // -> "" or "Proffesor" or "Associate Proffessor" or "Lab Assistan"