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