js获取动态添加的表单元素的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取动态添加的表单元素的值相关的知识,希望对你有一定的参考价值。

我的jsp页面可以动态添加表单,例如我填加的表单id是riqi1,riqi2,riqi3……还有date4,date5,date6,date7...work8,work9,work10...这些元素的前缀是知道的,但是添加的个数不确定,如何用js获取呢?我的目的是要将这些表单元素中的值传到后台数据库,请大家帮忙想个办法???在线等
请大家注意这些表单的后缀变化,我想在还没想到让这些元素的后缀都从1开始的方法

你用dom操作就可以了,做过dom树的遍历,在你页面加载完以后,也就是把你的js里的操作函数定义在window.onload上,然后遍历页面已经有的这些元素,具体怎么遍历看你想深度优先还是广度优先深度优先就判断每个node的firstChild是不是空,如果不是空就继续取值,如果是空就判断nextSibling的值,广度优先就先判断nextSibling然后再判断下一层,以此类推 参考技术A 我认为比较可行的方法是:
id为riqi1,riqi2,riqi3……的表单取同样的名字,比如都是name="riqi"
id为date4,date5,...的表单取同样的名字,比如都是name="date"
id为work8,work9,work10的表单取同样的名字,比如都是name="work"

JS中用document.getElementsByName()可以获取所有同名的表单,然后循环取出相应值再提交到服务器处理。
参考技术B javascript就能实现
在javascript中设一全集变量记录表单数
添加表单时用javascript写个函数来实现
用document.write("str");
每添加一个表达就这个变量
用document.getElementById("id")获取表单对象
如还不明白就给我发邮件,把问题描述的再详细些,我给你写出代码来
fred4444new@sina.com
参考技术C 老实说你这样不确定
是没有办法得到表单的值

建议你表单有什么元素
根据元素的特征重1开始排

我估计楼主的表单是js动态写的吧

再想想办法

我最近在做项目,天天js中。你这种情况真的好麻烦。你要在动态生成js的时候想别的办法,你是得这种方法真的不可取。至少我很难想到办法。

前台数据没有js办不到的,关键你的思路要对。

js获取值,动态添加到span标签中

各位,我这个问题比较蛋疼..是这样的:
我写了一个function,作用是根据实例的状态来返回不同的span,显示一些信息。我这里想把row里面的photoNum这个属性添加到span达到显示“已采照片2张”的效果!
可是到了页面没有显示数值,直接显示了“已采照片row.photoNum张”!
用了网上的innerHTML等方法设置不起作用,原因可能是这里先设置的话因为还没return,根本找不到span,后设置的话因为已经return了,所以不执行这句了。。。。这该怎么办才好呢!!希望各位给个解决思路什么的!谢谢啦!
function formatState(val, row)
if (val == 0 || val == null)
return '<span style="color:red;">未采集</span>';
else if (val == 1)
return '<span style="color:red;">数据未采</span> | <span id="spanid" style="color:green;">已采照片row.photoNum张</span>';
else if (val == 2)
return '<span style="color:green;">数据已采</span>';
else
return '<span style="color:green;">数据已采</span> | <span id="spanid" style="color:green;">已采照片row.photoNum张</span>';

return '<span style="color:red;">数据未采</span> | <span id="spanid" style="color:green;">已采照片'+ row.photoNum + '张</span>'; 参考技术A row的数值从哪里来呢

以上是关于js获取动态添加的表单元素的值的主要内容,如果未能解决你的问题,请参考以下文章

js如何获取动态添加的标签class?

动态获取js对象的元素

v-for动态添加表单,并且获取表单中的值

如何动态添加带有引导表单元素的 div?

jquery 动态添加表单元素

js为动态生成/添加的元素绑定事件