67,513
社区成员
发帖
与我相关
我的任务
分享请教jquery选择器form表单提交问题
问题描述:
项目中出现form表单嵌套form表单的情形,且外围form和内部form的id属性值是一样的。
使用$("#id").submit()提交表单时,发现被提交的是内部form表单。
然而在静态页面中进行相关测试时,被提交的却是外部form表单,相关代码如下:
项目中遇到的实际问题是:
$("#id").submit()提交内部表单
$("#id")[0]获取到的却是外部表单
并且之前的学习中也说过:在选择器选择到多个jquery对象时,只有索引为[0]的那个会被执行接下来的方法
静态页面测试的结果也映证这个问题。
所以我的疑惑就是:什么原因会导致"$('#id').submit()方法提交内部表单"这个问题？
项目中出现form表单嵌套form表单的情形,且外围form和内部form的id属性值是一样的。
使用$("#id").submit()提交表单时,发现被提交的是内部form表单。
然而在静态页面中进行相关测试时,被提交的却是外部form表单,相关代码如下:
<body>
<form id="a" action="https://www.baidu.com#1" type="get">
<input type="hidden" name="a" value="a" />
<input type="hidden" name="id" value="a" />
<form id="a" action="https://www.baidu.com#2">
<input type="hidden" name="b" value="b" type="get"/>
<input type="hidden" name="id" value="b" />
<input type="button" onclick="fun()" value="tijiao" />
</form>
</form>
<script>
function fun() {
//alert($($("#a")[0]).serialize());
$("#a").submit();
}
</script>
项目中遇到的实际问题是:
$("#id").submit()提交内部表单
$("#id")[0]获取到的却是外部表单
并且之前的学习中也说过:在选择器选择到多个jquery对象时,只有索引为[0]的那个会被执行接下来的方法
静态页面测试的结果也映证这个问题。
所以我的疑惑就是:什么原因会导致"$('#id').submit()方法提交内部表单"这个问题？
...全文
请发表友善的回复…
发表回复
tony4geek 2015-12-30
- 打赏
- 举报
逝_去_的_光_阴 2015-12-30
- 打赏
- 举报
表单嵌套表单id还一样的……
你这属于故意找茬的
谁用了我的英文名 2015-12-30
- 打赏
- 举报
我哪知道啊
我要把这段代码修改掉,然而我理解的是要提交大表单,结果弄了半天都不对,最后发现居然提交的是小表单。
我就特别想弄明白为什么会这样？？？tony4geek 2015-12-30
- 打赏
- 举报
Id 干嘛用一样的，id 就是区分来的，你还定义一样的。
zkc1992 2015-12-30
- 打赏
- 举报
链接后面有4个参数，明明是两个表单都提交了啊
谁用了我的英文名 2015-12-30
- 打赏
- 举报
=_=功能已经是实现了的,我不需要实现功能,但是我需要优化代码……
zkc1992 2015-12-30
- 打赏
- 举报
直接给个name属性，name.submit()不就行了
谁用了我的英文名 2015-12-30
- 打赏
- 举报
请问上下两张图的选择器有什么区别呀？
