2013-10-07 51 views
0

我小的形狀像這樣如何提交一個HTML表單的區別行動

<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

了一個例子:如果我點擊「信息」的鏈接,我想提交表單edit.php和不使用追求的目標=「_空白」

回答

0

你可以改變形式的行動使用jquery的attr()方法, 例如

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


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

在這裏你去...

<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> 
0

嘗試像,

變化HTML

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

SCRIPT

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

您可以使用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> 
0

我已經做在你的代碼做一些修改。 請檢查並讓我知道。

<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>