如何将一个 html 表单提交到差异操作

How to submit one html form to difference actions

本文关键字：表单提交 html 操作 一个      更新时间：2023-09-26

>我有这样的小表单和链接

<a href="#" onclick="document.selectform.submit();">Contact</a> | <a href="#">Message</a>
<form  name="selectform"  action="save.php" method="post" target="_blank">
 Name: <input type="text" name="test"/>
       <input type="submit" value="Submit" name="sub"/>
</form>
当我单击"联系人"链接时，表单

正确提交，如果我单击"消息"链接，如何将此表单提交到另一个URL

例如：如果我单击"消息"链接，我想提交表单进行编辑.php并且不使用traget="_blank"

您可以使用 jquery 的 attr（） 方法更改表单操作，例如

$('#link1').click(function(){
   $('#formId').attr('action', 'page1').submit();
});

$('#link2').click(function(){
   $('#formId').attr('action', 'page2').submit();
});

来了...

<a href="#" onclick="document.selectform.submit();">Contact</a> | <a href="#" onclick="document.selectform.action='edit.php'; document.selectform.submit();">Message</a>
<form  name="selectform"  action="save.php" methode="post" target="_blank">
 Name: <input type="text" name="test"/>
       <input type="submit" value="Submit" name="sub"/>
</form>

像这样尝试，

在 HTML 中进行更改

<a href="#" id="msgSubmit">Message</a>

脚本

$('#msgSubmit').on('click',function(e){
   e.preventDefault();   
   $('form[name="selectform"]').attr('action','edit.php')
                               .removeAttr('target')
                               .submit();   
});
您可以使用

onclick事件

<script>
    function submitForm(action)
    {
        document.getElementById('form1').action = action;
        document.getElementById('form1').submit();
    }
</script>
...
   <a href="#" onclick="submitForm('page1.php')" value="submit 1">Contact</a> 
   <a href="#" onclick="submitForm('page2.php')" value="submit 2" >Message</a>

我已经对您的代码进行了一些修改。请检查并让我知道。 

<a href="#" onclick="return myaction('save.php');">Contact</a> | <a href="#" onclick="return myaction('edit.php');">Message</a>
<form id="selectform_id" name="selectform" action="" method="post" target="_blank">
 Name: <input type="text" name="test"/>
       <input type="submit" value="Submit" name="sub"/>
</form>
<script type="text/javascript">
function myaction(actn){
    document.getElementById("selectform_id").action = actn;
    document.selectform.submit();
}
</script>
相关文章：