我有一个包含一些静态字段的表单,其他字段是动态生成的。
问题是当我提交表单时,只有静态字段的值会返回给 Express。在 Express 我检查这样的值:console.log(req.body); 它显示了这样的东西:
{ staticfoofield1: '',
staticfoofield2: '',
staticfoofield3: '',
staticfoofield4: '',
}
这对于静态字段是正确的,但缺少动态字段!
--> 如何返回动态字段的值?
我如何创建动态字段的示例:
Javascript:
script.
function addAdjustment(){
var i = 1;
if ((document.getElementById("ncolors").value >=1) && (document.getElementById("ncolors").value <=12)){
while (i <= document.getElementById("ncolors").value){
var divElem = document.createElement('div');
divElem.className = 'col-sm-1';
divElem.style.padding = '2px';
var inputElem = document.createElement('input');
inputElem.id = 'Ajuste' + i;
inputElem.setAttribute('placeholder', 'Ajuste' + i);
inputElem.setAttribute('type', 'text');
inputElem.nodeName = 'Ajuste' + i;
inputElem.style.margin = '5px';
groupElem.appendChild(inputElem);
document.getElementById("adjustments").appendChild(groupElem);
i++;
}
}
else{
alert("The number of colors are not correct!");
}
}
帕格(玉):
div.row
div.col-sm-5
div.col-sm-2
h6 Ajustes Colores
div.col-sm-5
div.row(id="ajustments")
div.row
div.col-sm-4
div.col-sm-2
div.form_group
div.actions
input.button(type="button", value="Add Adjust", onclick="addAdjustment()")
div.col-sm-2
div.form_group
div.actions
input.button(type="button", value="Delete Adjust", onclick="deleteAdjustment()")
div.col-sm-4
路由器:
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Tolerancias' });
});
router.post('/', function (req, res) {
console.log("Form Data: " + req.body);
res.send('index');
});
module.exports = router;
为了包含在表单提交中,输入需要一个名称和一个值,因为这是随请求传递的内容。您需要将代码修改为如下所示:
var inputElem = document.createElement('input');
inputElem.id = 'Ajuste' + i;
inputElem.setAttribute('name', 'Ajuste' + i);
inputElem.setAttribute('value', 'Ajuste' + i);
inputElem.setAttribute('placeholder', 'Ajuste' + i);
inputElem.setAttribute('type', 'text');
inputElem.nodeName = 'Ajuste' + i;
inputElem.style.margin = '5px';
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句