jquery .load 重命名表单
jquery .load renaming for form
这是一个页面A.html
<form name=form>
<input type=text id = txtA>
</form>
当我使用 jquery 加载到 B 时.html我加载多次。
<form name=form>
<input type=text id = txtA>
</form>
<form name=form>
<input type=text id = txtA>
</form>
<form name=form>
<input type=text id = txtA>
</form>
<form name=form>
<input type=text id = txtA>
</form>
如何将表单名称重命名为表单1,表单2,表单3...形式N所以我可以得到这个
<form name=form1>
<input type=text id = txtA>
</form>
<form name=form2>
<input type=text id = txtA>
</form>
<form name=form3>
<input type=text id = txtA>
</form>
当我提交时,我想使用 PHP 来检索数据。
for each form
formi.txtA
这样,我可以唯一地获取每个表单数据。
这将重命名所有称为form
的表单,并添加越来越多的后缀:
$('form[name="form"]').each(function(i) {
this.name = 'form' + (i + 1);
});
逐个加载表单时,需要不同的方法:
var renamer = (function() {
var i = 1; // private counter
// return public interface
return function(base) {
$(base).find('form[name="form"]').each(function() {
this.name = 'form' + i;
++i;
});
}
}());
每次添加新表单时,您都可以调用以下内容:
renamer('#divid');
其中'#divid'
是表单所在的父节点的 jQuery 选择器。
更新
您似乎有多个动态加载的输入字段。无需加载全新的表单,只需加载<input />
片段即可。
$(`#form`).load('http://www.example.com/inputfield?type=dob');
然后,服务器将返回一个片段:
<input name="dob" type="text" value="" />
然后将其插入到一个表单中,以便您可以将其提交给 PHP。
一旦所有加载完成,您就可以运行一个循环。
for(var i=0; i < $("form").size(); i++){
$("form").eq(i).attr("name", "formName"+i);
}
相关文章:
- 根据select选项元素将表单重定向到不同的URL
- HTML表单重定向
- 根据选择选项元素将表单重定向到不同的URL,并在电子邮件中获取表单详细信息
- 如何根据选择下拉列表从表单重定向到 URL
- 根据select option元素将表单重定向到不同的URL,但重定向后未选中
- 表单重置不起作用
- 验证表单+重定向
- 提交的表单重定向到输入URL
- 将表单重置为特定值
- 花式框默认关闭在表单重定向后不起作用
- 按下表单重置按钮时删除 JavaScript 元素
- 如何将选择加入表单重定向到感谢页面
- 防止表单重置方法清除IE8中隐藏输入的最简单方法
- 基于表单数据提交表单重定向
- 护照 JS - 一个登录表单 - 重定向到不同的 URI,具体取决于用户角色
- jquery动态选择单选按钮(表单重置问题)
- 将表单重置为AngularJS中的初始值
- 表单重定向成功/失败页面
- 如何将表单数据从eloqua中的表单重定向到登录页
- 有人能总结一下这个cookie/表单重定向的作用吗