jquery - 新しいアクションを含むクリックイベントを含む jQuery 送信フォーム

Question

私はこのようなフォームを持っています

    <form name="test" action="test/test_new" />
<input type="text" />
<input type="submit" value="search"/>
<input type="button" value="download"/>

ダウンロードボタンにもクリックが必要です。例えば。ダウンロードをクリックすると、text/text_new.xls代わりにとして送信する必要がありtext/text_newます。どうすればできますか。

Answer 1

ボタンにIDを与えて、これを試してください

$('#downloadButton').click(function(){
  $('form[name=test]').attr('action','test/test_new.xls');
  $('form[name=test]').submit();
});

Answer 2

HTML

<form name="test" id="form-id" action="test/test_new" />
<input type="text" />
<input type="button" class="submit" value="search" data-action="test/test_new" />
<input type="button" class="submit" value="download" data-action="test/test_new.xls" />
<input type="button" class="submit" value="another" data-action="test/test_newer" />

JS

$(document).on('click', 'input.submit', function () {
    var form = $('#form-id');
    var action = $(this).data('action');
    form.attr('action', action);
    form.submit();
});

Answer 3

html

<input type="button" value="download" id="dwnld"/>

js

$('#dwnld').click(function(){
var form = $(this).closest('form');
form.attr('action',form.attr('action')+'.xls').trigger('submit');
});

また

HTML

<form name="test" action="test/test_new" id="formID"/>
<input type="button" value="download" id="dwnld"/>

js

$('#dwnld').click(function(){
form=$('#formID')
form.attr('action',form.attr('action')+'.xls').trigger('submit');
});