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

问题描述

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

主页.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 始终未定义。我怎样才能得到这个值？

标签： javascriptnode.jsexpress

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

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

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

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

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

问题描述

解决方案

推荐阅读