我尝试在我的 html 表单中使用 jQuery 发送具有相同名称和不同值的 ajax 表单,但是当我提交表单时,我的 ajax 将无法工作,它将提交给 #
。有人可以解释一下为什么吗?
我的 HTML 表单:
<script src="lib/jquery/jquery.1.9.0.min.js"> </script>
<form name="Form" action="#" method="POST">
<input name="idnum" type="hidden" value="somevaluehere1">
<button type="submit">btn 1</button>
</form>
<form name="Form" action="#" method="POST">
<input name="idnum" type="hidden" value="somevaluehere2">
<button type="submit">btn 2</button>
</form>
这是我的ajax:
$(document).ready(function() {
$("form[name=form]").submit(function(e){
e.preventDefault()
$.ajax ({
type: "POST",
url: "ajax/post.php",
data: $(this).serialize(),
success: function(data) {
alert(data)
}
});
});
});
对不起我的英国人
最佳答案
Form
与 form
不同。您的选择器与表单不匹配,因为属性选择器值区分大小写。
将 $("form[name=form]")
更改为 $("form[name=Form]")
。
您可以通过比较 alert($("form[name=form]").length);
和 alert($("form[name=Form]") 来证明这一点.length);
但请注意,the name attribute for form elements should hold a unique value因此您应该改用类属性(然后您可以使用类选择器 (form.Form
)。
关于javascript - 我有同名的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25068138/