NodeJS 如何使用Express.js获取html select的selected选项值?

qxgroojn  于 2023-03-22  发布在  Node.js
关注(0)|答案(1)|浏览(142)

我在我的项目中使用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>

在我的post请求处理方法中,我使用了以下代码来获取值:

const f = req.body.picker;

这给我的是下拉列表中所选值的索引,如012等,而不是实际值,如professorassociateprofessorlab assistant

s4n0splo

s4n0splo1#

当你发送请求时,你实际上得到了所选optionvalue属性中的内容。对于你想要的数据,你可以这样做:

<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"

相关问题