你的代码问题在于：dt_tblOutForApproval.buttons.exportData() 只是获取要导出的数据对象，并不会触发实际的Excel导出操作。所以点击按钮时，依然会使用你初始化按钮时设置的page: 'current'配置，动态设置的参数根本没生效。

下面是两种可行的优化方案：

方案1：监听下拉框变化，实时更新按钮配置 #

这种方法会在用户切换下拉选项时，直接修改Excel导出按钮的配置，点击按钮时就会用最新的page值：

// 初始化DataTables时，给导出按钮添加ID以便后续获取
let dt_tblOutForApproval = $('#your-table-id').DataTable({
    // 其他配置...
    buttons: [
        {
            extend: 'excelHtml5',
            text: 'Excel Export',
            id: 'exportExcelbtn', // 给按钮加唯一ID
            filename: function () {
                return 'AllLists_' + time;
            },
            exportOptions: {
                columns: [0, 1, 2, 3, 4, 5, 6, 7],
                modifier: {
                    page: 'current',
                }
            },
        }
    ]
});

// 监听下拉框变化，实时更新按钮的导出配置
$("#selectDataOption").on('change', function() {
    const selectedPage = $(this).val();
    // 更新按钮的exportOptions
    dt_tblOutForApproval.button('#exportExcelbtn').exportOptions({
        modifier: {
            page: selectedPage
        }
    });
});

方案2：点击按钮时动态修改配置再导出 #

如果不想监听下拉框，也可以在点击导出按钮时，先修改配置再触发导出：

$("#exportExcelbtn").on("click", function (e) {
    e.preventDefault(); // 阻止按钮默认的导出行为
    
    const selectedPage = $("#selectDataOption").val();
    // 获取当前按钮实例，更新导出配置
    const exportBtn = dt_tblOutForApproval.button(this);
    exportBtn.exportOptions({
        modifier: {
            page: selectedPage
        }
    });
    
    // 手动触发导出操作
    exportBtn.trigger();
});

关键说明 #

• DataTables的exportData()方法仅用于获取导出数据，不会触发导出流程，所以你的原代码无法生效。
• 两种方案的核心都是修改按钮的exportOptions配置，确保导出时使用最新的page参数。
• 注意确保按钮的选择器（比如#exportExcelbtn）能正确定位到你的导出按钮，也可以用按钮的索引（比如dt_tblOutForApproval.button(0)）来获取。

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