HTML代码 Form提交前更新某div的innerHtml内容到input value里刷新数值的解决方法
有时使用form提交内容,需要可视化的一个div的html代码,
操作的技巧是在form的代码中放置一个input[text]元素,然后将这个元素隐藏 type="hidden" ,
form要放置一个提交前检查的执行命令 onsubmit="return CheckInput()"
在checkInput()将div的innerHtml赋值到隐藏的input元素的value属性中,
但前端div里如果有input元素,这些input元素如果改变过,在form的提交时 input元素的value是不会同步更新的,
解决方法如下:
在读取div的innerHtml前增加以下代码:
var elems = document.getElementsByTagName('input')
for (var i = 0; i < elems.length; i++) {
elems[i].setAttribute("value", elems[i].value);
}