Question

这是我在寻找好几个小时之后的第一个问题。

我有一个按钮：

<a class="btn" onclick="return filter('http://mysite/filter');">Filter</a>

调用这个小脚本：

<script language="javascript"> 

function filter(page)
{
    //alert('proceed filter!!');
    document.form.action = page;
    document.form.submit();
    return true;
}

</script>

改编自： http://www.codeproject.com/Articles/664/Specifying-multiple-actions-from-a-single-Form

这一切都有效，但原帖是2000年（13岁）

所以我想知道我是否应该使用jQuery更新此代码。

我有一个带有我要传递和提交的URI的按钮。

我只是不知道如何将上面的javascript转换为jQuery，如果它是必要的话。

非常感谢任何建议。

Answer 1

您可以这样做：

<a class="btn filter-btn" data-url="http://mysite/filter">Filter</a>

$('.filter-btn').on('click', function() {
  $('form').prop('action', $(this).attr('data-url')).submit(); // I recommend giving your form an ID or something instead of just matching on the form element.
});

使用这种方法，您可以拥有多个a.filter-btn，每个data-url都有自己的onclick，处理它的代码位于一个地方而不是许多不同的{{1}}。

OnClick传递url参数

1 个答案: