2012-05-13 71 views
2

我可以提交使用jQuery這樣的:更改表單的「動作」

$('.SomeLink').bind('click', function() 
{ 
     $(form).submit(); 
}); 

實際的形式如下:

<form id="foo" method="get" action="http://www.google.com/search"> 
</form> 

現在假設我有另一個鏈接中,我希望能夠使用相同的形式,但是現在我想更改'動作'的網址。如果單擊不同鏈接,我該如何更改操作?

回答

4
$("#foo").attr("action","http://your_new_val"); 
+0

非常感謝你(: – Youss

3

動作只是形式的屬性。

$("different button").click(function(){ 
    $("form").attr("action","new action"); 
}); 
2

你可以嘗試編輯動作作爲一個簡單的參數:

$(form).attr('action', 'newUrlInString'); 

,然後調用提交();

1

嘗試:

$('.DifferentLink').bind('click', function() { 
     $("#foo").attr("action","new/action"); 
     $("#foo").submit(); 
}); 
1

我假設你有一個文本框和幾個環節,可以提交表單到所選擇的位置的形式。這是你如何使它通用:

<form id="theform"> 
    <input type="text" name="q" /> 
</form> 
<div id="choices"> 
    <a href="#" data-url="http://www.google.com/search/">Google</a> 
    <a href="#" data-url="http://www.yahoo.com/">Yahoo</a> 
</div> 

然後JavaScript的:

$(function() { 
    $('a', $('#choices')).on('click', function() { 
    $('#theform') 
     .attr('action', $(this).data('url')) 
     .submit(); 
    return false; 
    }); 
});