动态改变表单的action.

最新推荐文章于 2020-09-17 18:39:49 发布

原创最新推荐文章于 2020-09-17 18:39:49 发布 · 775 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #email

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript来动态改变HTML表单提交动作的方法。通过检查表单中的单选按钮选择，可以将表单提交到不同的URL，实现插入或更新操作。此技巧对于希望在不更改页面布局的情况下灵活控制表单提交流程的开发者非常有用。

原文链接： http://www.javascript-coder.com/html-form/html-form-action.phtml

<SCRIPT language="JavaScript"> function OnSubmitForm() { if(document.myform.operation[0].checked == true) { document.myform.action ="insert.html"; } else if(document.myform.operation[1].checked == true) { document.myform.action ="update.html"; } return true; } </SCRIPT>

<FORM name="myform" onSubmit="return OnSubmitForm();"> Name: <INPUT TYPE="TEXT" Name="name"><br> Email: <INPUT TYPE="TEXT" Name="email"><br> <input type="radio" name="operation" value="1" checked>Insert <input type="radio" name="operation" value="2">Update <P> <INPUT TYPE="SUBMIT" name="Submit" VALUE="Save"> </P> </FORM>