jquery - 更改表单的“操作”

Question

我可以像这样使用 Jquery 提交：

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

实际形式如下所示：

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

现在假设我有另一个链接，我希望能够在其中使用相同的表单，但是现在我想更改“操作”的 url。如果单击不同的链接，我如何更改操作？

Answer 1

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

Answer 2

动作只是表单的一个属性。

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

Answer 3

您可以尝试将操作编辑为一个简单的参数：

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

然后调用 submit();

Answer 4

尝试：

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

Answer 5

我假设您有一个带有文本框的表单和几个可以将表单提交到所选位置的链接。这就是你可以使它通用的方法：

<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;
  });
});