在页面提交后获取数据表的自定义文件名

Question

我的网站有多个页面，每个页面都有自己的选择输入集。在更改选择输入和“单击提交”后，将呈现新的数据表。我使用以下脚本将生成的数据表导出为不同的格式。

<script type="text/javascript">
    $(document).ready( function () {
      $('#tabdat').DataTable({
          dom: 'Bfrtip',
                buttons: [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ],
          "pageLength": 50
      });
    });
</script>

这样可以正常工作，但它将页面标题作为文件名。在this示例之后，我修改了代码。我再次提供代码连续性。

<select id="filename">
    <option value="filenameA">filename A</option>
    <option value="filenameB">filename B</option>
    <option value="filenameC">filename C</option>
</select>

buttons : [
   {
    extend: 'excelHtml5',
    title: 'filenameA', //default filename
    init: function(dt, node, config) {
        $("#filename").on('change', function() {
            config.title = this.value;
        })
    }
},

当我更改选择输入选项并单击excel导出按钮时，这非常正常。但由于我的表仅在页面提交后生成，因此无论更改如何，名称都会重置为默认的“filenameA”。如何在页面提交时获取数据表文件名的选择输入值？