2013-08-31 18 views
8

ben bile indirme düğmesi için bir tıklama ihtiyacı bujQuery yeni eylem

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

benzer bir form yaşıyorum click olayı ile formu gönderin. Örneğin. İndirmeyi tıklarsam, text/text_new yerine text/text_new.xls olarak göndermelidir. Nasıl yapabilirim.

cevap

26

Ver kimliği düğmesine ve deneyin bu

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

, [type = submit] girişinde, bu tür kodlar işe yaramazsa, "gönder" değeriyle birlikte bir ad veya ad var demektir! Http://stackoverflow.com/a/6299551/987850 adresine bakın. – 23W

1

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

veya

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

"Test/test_new" – commit

+0

@commit yerine "text/text_new.xls" için form göndermek istediğini söyledi. –

+0

kullanmanın belirli bir nedeni .'trigger ('submit') 'vs' .submit() '? – Zapnologica

1

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