web-dev-qa-db-fra.com

formulaire de soumission jQuery avec événement click avec nouvelle action

Je vais avoir un formulaire comme celui-ci

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

J'ai besoin d'un clic même pour le bouton de téléchargement. Par exemple. Si je clique sur le téléchargement, il devrait être soumis en tant que text/text_new.xls au lieu de text/text_new. Comment puis-je le faire.

8
overflow

Donnez l'identifiant au bouton et essayez ceci

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

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

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

ou

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
Tushar Gupta