Question

我有一个分为3页的大表单（每个页面都是自包含的，即只包含表单标签周围的部分表单）。我有页面按钮，因此用户可以在页面之间导航，例如第1页，第2页，第3页，并根据网址查询字符串中的页面变量加载每个页面，即

www.myurl.com?page=1

我想要发生的是，当用户点击页面按钮时，表单已提交，但也传递了在post / get（我不介意哪个）值中点击的页面按钮，即next_page = page number clicked < / p>

最好的方法是什么？我在我的代码中使用jQuery，所以使用它的解决方案很好

Answer 1

$(document).ready(function() {
    $('.page_button').click(function() {
        var url = window.location.href;
        var button = $(this);
        $postData = $('#my_form').serialize() + '&save=Save';
        $.post(url, $postData, function(data) {
            window.location.href = button.attr('href');
        });

        return false;
    });
});

Answer 2

使用基于标签的表格

阅读此article

<强> personally prefer

Answer 3

使用此$(window.location).attr('search')，您可以找到page=1 把这个值放在像这样隐藏的

中

var hidden_value = $(window.location).attr('search');
$('form').append('<input type="hidden" value="'+hidden_value+'" name="page_number" />');

最后用form.submit();

提交表单

Answer 4

我是否正确，您不仅需要将页码传递到下一页，还需要将常规数据传递给表单？为什么没有在提交表单之前设置为next_page_number的隐藏输入？

这将是您下一页的POST数据的一部分。

链接点击时jQuery提交表单

4 个答案: