更改表单的“操作”

时间:2012-05-13 14:20:46

标签: jquery forms submit

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

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

实际表格如下:

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

现在假设我有另一个链接,我希望能够使用相同的表单,但现在我想更改'action'的url。如果单击其他链接,如何更改操作?

5 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:3)

该操作只是表单的一个属性。

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

答案 2 :(得分:2)

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

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

然后调用submit();

答案 3 :(得分:1)

尝试:

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

答案 4 :(得分: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;
  });
});