2

次のように Jquery を使用して送信できます。

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

実際のフォームは次のようになります。

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

ここで、同じフォームを使用できるようにする別のリンクがあるとしますが、「アクション」の URL を変更したいとします。別のリンクがクリックされた場合のアクションを変更するにはどうすればよいですか?

4

5 に答える 5

4
$("#foo").attr("action","http://your_new_val");
于 2012-05-13T14:23:12.357 に答える
3

アクションはフォームの単なる属性です。

$("different button").click(function(){
     $("form").attr("action","new action");
});
于 2012-05-13T14:23:23.917 に答える
2

アクションを単純なパラメーターとして編集してみることができます。

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

次に、submit(); を呼び出します。

于 2012-05-13T14:25:18.540 に答える
1

試す:

$('.DifferentLink').bind('click', function() {
      $("#foo").attr("action","new/action");
      $("#foo").submit();
});
于 2012-05-13T14:28:58.593 に答える
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;
  });
});
于 2012-05-13T14:35:31.390 に答える