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