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の代わりにtext/text_new.xlsと提出する必要があります。どうすればいいの？

Answer 1

ボタンにIDを付けて、この

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

Answer 2

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

Answer 3

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