WooCommerce分类页商品数量选择表单GET参数追加至URL末尾问题

你遇到的参数覆盖问题本质是原生GET表单提交时只会携带表单内部定义的字段，不会自动继承当前URL已有的查询参数，以下是两种可行解决方案：

方案1：PHP后端渲染时注入现有参数（推荐） #

该方案无需依赖前端JS，兼容性和稳定性更高，适合可以修改表单所在WooCommerce模板代码的场景，直接在表单闭合标签前插入以下PHP代码即可：

<?php
// 遍历当前页面所有GET请求参数
foreach ( $_GET as $key => $value ) {
    // 排除表单中已经存在的参数，避免重复提交
    if ( ! in_array( $key, [ 'show', 'orderby' ] ) ) {
        // 输出隐藏输入框，自动做XSS转义处理
        echo sprintf( '<input type="hidden" name="%s" value="%s">', esc_attr( $key ), esc_attr( $value ) );
    }
}
?>

方案2：jQuery前端动态处理 #

该方案无需修改后端PHP代码，直接替换你现有的jQuery代码即可：

$(function(){
    $('.autosubmit').on('change', function() {
        const $form = $(this).parents('form');
        // 清空之前动态插入的隐藏域，避免参数重复
        $form.find('input.dynamic-param').remove();
        // 解析当前URL的查询参数
        const searchParams = new URLSearchParams(window.location.search);
        // 表单已有参数列表，跳过避免重复
        const existParams = ['show', 'orderby'];
        // 遍历参数插入为表单隐藏域
        for (const [key, value] of searchParams.entries()) {
            if (!existParams.includes(key)) {
                $form.append(`<input type="hidden" class="dynamic-param" name="${key}" value="${value}">`);
            }
        }
        $form.submit();
    });
});

注：该方案依赖URLSearchParamsAPI，兼容所有现代主流浏览器，若需要兼容IE可自行替换为JS参数解析逻辑。

内容的提问来源于stack exchange，提问作者sc2015