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

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 centent呢？处理这个问题只有窍门。

hidden 1-使用表单元素：将表单中的一个表单元素置于隐藏模式中，这将包含div元素的数据。一旦div内容发生变化，就通过JS更新隐藏表单元素的内容。不要忘记命名这个隐藏的表单元素。

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

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

Answer 2

我怎么能这么做？

提交表单不会将“已填写的文档”发送回服务器，它只会返回表单数据，这意味着输入名称与它们的值成对。而<div>s不是输入。