怎么用javascriptjquery在当前页面获取动态添加的表单的name和值并且变成整个数组

怎么用javascriptjquery在当前页面获取动态添加的表单的name和值并且变成整个数组,第1张

直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组,而是类数组的元素集合。所以还需要一步变换,下面是简单代码:

        <body>

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

</body>

<script>

    var oInp = document.getElementsByName('111')

    var aInp = []

    for(var i=0i<oInp.lengthi++){

        aInp.push(oInp[i])

    }

</script>   //这样aInp这个数组里存储的就是所以元素name为111的数组。

1、在js中不要用struts2中的标签,只可以在html的body标签中使用,如果要动态生成form及form里各种form元素面,请使用 html的标签,如:<input type="text" name="age"/>,不要用<s:property/>

2、提交一定要有form,form放各种表当元素 !

这样:

<body>

<form id='form'> --定义form

</form>

<script>

var input = document.createElement('input')  //创建input节点

input.setAttribute('type', 'text')  //定义类型是文本输入

document.getElementById('form').appendChild(input ) //添加到form中显示

</script>

</body>

扩展资料:

注意事项

一、form属性可以使input标签不再form表单内时也属于form表单中的一部分

<form action="xxx" id="forms">

<input type="submit" value="提交">

</form>

<input type="text" form="forms" name="names">

<!-- IE中不支持这个属性 -->

二、JavaScript提交表单时,可以在input标签内添加required属性,在内容为空的时候阻止表单提交。

使用required属性时添加oninvalid属性可以自定义提示文字

<form action="xxx" method="post">

<input type="text" name="fname" required oninvalid="setCustomValidity('不能为空')">

<input type="submit" value="提交">

</form>

<!-- IE9及更早版本不支持 -->


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11428215.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存