Question

ExpressJS应用程序中有两个页面。家庭和用户。我在home.js文件中创建一个表单，并从该表单中导航user.js。我可以获取输入组件的值，但无法获取其他组件的值。我该怎么办？

home.js：

<form action="/users" method="POST">
    <input id="input_name" type="text" placeholder="name" name="name">
    <input id="input_pwd" type="text" placeholder="password" name="pwd">
    <input id="input_mail" type="text" placeholder="mail" name="mail">

    <button type="submit" name="button_name" value='register1'>register</button>

    ....

    <div id="selection" name="selection">selection</div>
</form>

我用用户选择填充选择div，我想将此数据发送到服务器。我在index.js中捕获了请求

router.post('/users', function (req, res, next) {
    console.log("register name : " + req.body.name);
    console.log("register mail : " + req.body.mail);
    console.log("register pwd : " + req.body.pwd);
    console.log("register selection : " + req.body.selection);
}

我可以获得req.body.name，req.body.mail和req.body.pwd的值。但是req.body.selection始终是未定义的。我如何获得该值？

Answer 1

html表单仅关心具有命名属性的表单元素（输入，文本区域和选择等）。 div不是html表单元素。那么，您将如何通过表单发送div分呢？只有技巧可以解决这个问题。

1-使用hidden表单元素：将其中一个表单元素置于隐藏模式下的表单中，其中将包含您的div元素的数据。 div内容更改后，立即通过JS更新隐藏表单元素的内容。不要忘记命名此隐藏的表单元素。

2-通过JS提交表单：不要通过原始方式提交表单。（通过表单中的action属性）。使用JS提交表单。提交之前，请解析您的div内容并将其放入要提交的数据中。

P.S：我只知道这两个技巧。如果其他人知道更多，请分享。

Answer 2

我该怎么做？

不能。提交表单不会将“填写的文档”发送回服务器，而只会发送回表单数据，这意味着输入名称及其值配对。而且<div>不是输入。

表单提交时如何获取html组件值？

2 个答案: