OnClick 传递 url 参数

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-btns，每个data-url 都有自己的data-url，并且处理它的代码位于一个地方，而不是许多不同的onclicks。