Javascript jquery表单提交未使用不同的操作值
我试图使用jquery提交我的页面,但下面的代码似乎不起作用 添加用户Javascript jquery表单提交未使用不同的操作值,javascript,jquery,html,Javascript,Jquery,Html,我试图使用jquery提交我的页面,但下面的代码似乎不起作用 添加用户 $("#createBtn").click(function() { $("#formname").submit(function(event){ $(this).attr('action', 'addUser.html'); }); }); 更新用户 $("#updateBtn").click(function() { $("#formname").submit(funct
$("#createBtn").click(function() {
$("#formname").submit(function(event){
$(this).attr('action', 'addUser.html');
});
});
更新用户
$("#updateBtn").click(function() {
$("#formname").submit(function(event){
$(this).attr('action', 'updateUser.html');
});
});
编辑:-
<form:form name="formname" commandName="comandNamd">
我没有给出动作名称,因为我想更改动作
单击按钮后,页面将不会被提交 您正在单击处理程序中编写提交处理程序。这应该行得通
$("#createBtn").click(function() {
$("#formname").attr('action', 'addUser.html');
$("#formname").submit();
});
同时更改更新按钮
“我已将脚本放在页面顶部的标记中”
在这种情况下,脚本实际上不会将事件处理程序绑定到按钮,因为脚本将在解析表单和按钮之前运行$(“#createBtn”)
将找不到匹配的元素。您可以通过将脚本放在页面末尾,正好在关闭标记之前,或者通过将代码包装到文档就绪处理程序中来纠正此问题
另外,.click()
处理程序中的代码将提交处理程序绑定到表单,这实际上没有意义。您只需要设置操作:
$(document).ready(function() {
$("#createBtn").click(function() {
$("#formIdHere").attr('action', 'addUser.html');
// OR
$(this).closest("form").attr('action', 'addUser.html');
});
$("#updateBtn").click(function() {
$("#formIdHere").attr('action', 'updateUser.html');
});
});
你在评论中说“按钮在表单中”-如果它们是提交按钮,那么上面的代码应该可以工作。单击将运行显示的代码来设置操作,然后默认行为(表单提交)将继续。我已经解决了这个问题,感谢您的帮助,因为我正在使用spring表单标记
<form:form name="formName" commandName="command">
我也试过了,但没用!!!,我正在使用spring表单标签,这会有问题吗?你能在浏览器控制台中检查吗?为哪个操作提交?它在提交时重新加载页面,而不是addUser.html操作表单中是否包含按钮提交按钮?你在页面的什么地方包含JavaScript?是的按钮在表单中,我已经将我的脚本放在页面顶部的标签中
<form:form id="formid" name="formName" commandName="command">
$("#formid").attr('action', 'addUser.html');