Javascript 数据表中的隐藏列和筛选器数据

我对数据表有问题。 我将通过ajax将数据从数据库显示到表。 我用ajax做了一个过滤器，将数据发送到php文件

它的工作没有问题，但是我添加了隐藏列的功能，在隐藏任何列之后，我不能按字段过滤。 错误：

未捕获的TypeError:无法读取null的属性“值” 在getPage（test.php？login=yes:2030） 运行时（test.php？login=yes:2002） 在HTMLButtonElement.onclick（test.php？login=yes:2425）

函数getPage（）{ var odTermin=document.getElementById（“odTermin”）.value； var doTermin=document.getElementById（“doTermin”）.value； var firma=document.getElementById（“firma”）.value； var miejscowosc=document.getElementById（“miejscowosc”）.value； var kierowca=document.getElementById（“kierowca”）.value； var iloscPalet=document.getElementById（“iloscPalet”）.value； var wz=document.getElementById（“wz”）.value； var uwagi=document.getElementById（“uwagi”）.value； var GotoweSelect=document.getElementById（“GotoweSelect”）.value； var ZaladowanySelect=document.getElementById（“ZaladowanySelect”）.value； var PrzerzutySelect=document.getElementById（“PrzerzutySelect”）.value； var OdbiorySelect=document.getElementById（“OdbiorySelect”）.value； var-okreselect=document.getElementById（“okreselect”）.value； var DokumentSelect=document.getElementById（“DokumentSelect”）.value； var ZadGotSelect=document.getElementById（“ZadGotSelect”）.value； 瓦尔·拉本； 如果（$（“#raben”）为（“：选中”））{ 拉本='T'； }否则{ 拉本='N'； } 如果（firma）{ firma=firma； }否则{ firma='null'； } if（miejscowosc）{ miejscowosc=miejscowosc； }否则{ miejscowosc='null'； } if（基罗维卡）{ kierowca=kierowca； }否则{ kierowca='null'； } 如果（iloscPalet）{ iloscPalet=iloscPalet； }否则{ iloscPalet='null'； } 如果（wz）{ wz=wz； }否则{ wz='null'； } if（uwagi）{ uwagi=uwagi； }否则{ uwagi='null'； } 如果（选择）{ GotoweSelect=GotoweSelect； }否则{ GotoweSelect='null'； } 如果（ZaladowanySelect）{ ZaladowanySelect=ZaladowanySelect； }否则{ ZaladowanySelect='null'； } 如果（PrzerzutySelect）{ PrzerzutySelect=PrzerzutySelect； }否则{ PrzerzutySelect='null'； } if（OdbiorySelect）{ OdbiorySelect=OdbiorySelect； }否则{ OdbiorySelect='null'； } 如果（OkresSelect）{ OkresSelect=OkresSelect； }否则{ Okreselect='null'； } 如果（DokumentSelect）{ DokumentSelect=DokumentSelect； }否则{ DokumentSelect='null'； } 如果（ZadGotSelect）{ ZadGotSelect=ZadGotSelect； }否则{ ZadGotSelect='null'； } $（'document'）.ready（函数（）{ $.ajax({ 键入：“POST”， url:'ajaxfile.php'， 数据类型：“json”， 数据：“od=”+odTermin+ “&do=”+doTermin+ “&raben=”+raben+ “&firma=”+firma+ “&miejscowosc=”+miejscowosc+ “&kierowca=”+kierowca+ “&iloscPalet=”+iloscPalet+ “&wz=”+wz+ “&uwagi=”+uwagi+ “&GotoweSelect=”+GotoweSelect+ “&ZaladowanySelect=”+ZaladowanySelect+ “&PrzerzutySelect=”+PrzerzutySelect+ “&OdbiorySelect=”+OdbiorySelect+ “&OkresSelect=”+OkresSelect+ “&DokumentSelect=”+DokumentSelect+ “&ZadGotSelect=”+ZadGotSelect， cache:false， 成功：功能（结果）{ 如果（结果==null）{ 警觉（'Brak zleceńna ten dzień！'）； }否则{ 控制台日志（结果）； var json=Object.values（结果）； 变量表=$（'#示例'）。数据表({ 摧毁：没错， 回答：是的， stateSave：没错， dom:'lfrtBip'， 按钮：[ “excel”、“pdf”、“打印” ], “搜索”：错误， “数据”：结果， “栏目”：[ {“数据”：“ID”，fnCreatedCell:函数（nTd、sData、oData、iRow、iCol）{ var href； 如果（oData.CZYPRZERZUTY=='T'）{ href='/formularze/transport/przerzuty/edycja.php？ID='； }else if（oData.CZYODBIORY=='T'）{ href='/formularze/transport/odbiory/edycja.php？ID='； }否则{ href='/formularze/transport/prosty/edycja.php？ID='； } $（nTd）.html（“”）+ "- "); }}, {“数据”：“FIRMA”}， {“数据”：“MIEJSCOWOSC”}， {“数据”：“MAGAZYNWYDAJACY”}， {“数据”：“MAGAZYNPRZYJMUJACY”}， {“数据”：“KIEROWCA”}， {“数据”：“ILOSCMIEJSCPALETOWYCH”}， {“数据”：“ILOSCWZ”}， {“数据”：“UWAGI”}， {“数据”：“数据”}， {“数据”：“CZYGOTOWE”，fnCreatedCell:函数（nTd、sData、oData、iRow、iCol）{ var checkGotowe； if（oData.CZYGOTOWE=='T'） checkGotowe='checked'； 其他的

function getPage() {
    var odTermin = document.getElementById("odTermin").value;
    var doTermin = document.getElementById("doTermin").value;
    var firma = document.getElementById("firma").value;
    var miejscowosc = document.getElementById("miejscowosc").value;
    var kierowca = document.getElementById("kierowca").value;
    var iloscPalet = document.getElementById("iloscPalet").value;
    var wz = document.getElementById("wz").value;
    var uwagi = document.getElementById("uwagi").value;
    var GotoweSelect = document.getElementById("GotoweSelect").value;
    var ZaladowanySelect = document.getElementById("ZaladowanySelect").value;
    var PrzerzutySelect = document.getElementById("PrzerzutySelect").value;
    var OdbiorySelect = document.getElementById("OdbiorySelect").value;
    var OkresSelect = document.getElementById("OkresSelect").value;
    var DokumentSelect = document.getElementById("DokumentSelect").value;
    var ZadGotSelect = document.getElementById("ZadGotSelect").value;

    var raben;
    if ($("#raben").is(":checked")) {
        raben = 'T';
    } else {
        raben = 'N';
    }

    if (firma) {
        firma = firma;
    } else {
        firma = 'null';
    }

    if (miejscowosc) {
        miejscowosc = miejscowosc;
    } else {
        miejscowosc = 'null';
    }

    if (kierowca) {
        kierowca = kierowca;
    } else {
        kierowca = 'null';
    }

    if (iloscPalet) {
        iloscPalet = iloscPalet;
    } else {
        iloscPalet = 'null';
    }

    if (wz) {
        wz = wz;
    } else {
        wz = 'null';
    }

    if (uwagi) {
        uwagi = uwagi;
    } else {
        uwagi = 'null';
    }

    if (GotoweSelect) {
        GotoweSelect = GotoweSelect;
    } else {
    GotoweSelect = 'null';
    }

    if (ZaladowanySelect) {
        ZaladowanySelect = ZaladowanySelect;
    } else {
        ZaladowanySelect = 'null';
    }

    if (PrzerzutySelect) {
        PrzerzutySelect = PrzerzutySelect;
    } else {
        PrzerzutySelect = 'null';
    }

    if (OdbiorySelect) {
        OdbiorySelect = OdbiorySelect;
    } else {
        OdbiorySelect = 'null';
    }

    if (OkresSelect) {
        OkresSelect = OkresSelect;
    } else {
        OkresSelect = 'null';
    }

    if (DokumentSelect) {
        DokumentSelect = DokumentSelect;
    } else {
        DokumentSelect = 'null';
    }

    if (ZadGotSelect) {
        ZadGotSelect = ZadGotSelect;
    } else {
        ZadGotSelect = 'null';
    }



    $('document').ready(function () {
        $.ajax({
            type: 'POST',
            url: 'ajaxfile.php',
            dataType: 'json',
            data: 'od='+odTermin+
                '&do='+doTermin+
                '&raben='+raben+
                '&firma='+firma+
                '&miejscowosc='+miejscowosc+
                '&kierowca='+kierowca+
                '&iloscPalet='+iloscPalet+
                '&wz='+wz+
                '&uwagi='+uwagi+
                '&GotoweSelect='+GotoweSelect+
                '&ZaladowanySelect='+ZaladowanySelect+
                '&PrzerzutySelect='+PrzerzutySelect+
                '&OdbiorySelect='+OdbiorySelect+
                '&OkresSelect='+OkresSelect+
                '&DokumentSelect='+DokumentSelect+
                '&ZadGotSelect='+ZadGotSelect,
            cache: false,
            success: function (result) {
                if (result == null){
                    alert('Brak zleceń na ten dzień !');
                }else {
                    console.log(result);
                    var json = Object.values(result);
                    var table = $('#example').DataTable({
                    destroy: true,
                    responsive: true,
                    stateSave: true,
                    dom: 'lfrtBip',
                    buttons: [
                        'excel', 'pdf', 'print'
                    ],
                    "searching": false,
                    "data": result,
                    "columns": [
                        {"data": "ID", fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                            var href;
                            if (oData.CZYPRZERZUTY == 'T'){
                                href = '/formularze/transport/przerzuty/edycja.php?ID=';
                            }else if (oData.CZYODBIORY == 'T'){
                                href = '/formularze/transport/odbiory/edycja.php?ID=';
                            }else{
                                href = '/formularze/transport/prosty/edycja.php?ID=';
                            }
                            $(nTd).html("<a href='"+ href + oData.ID + "'>" + oData.ID + "</a> " +
                            "- <a onclick='return confirm(\"Czy napewno chcesz usunąć ?\")' href='/formularze/transport/wyswietl/php/usun.php?ID=" + oData.ID + "&ID_TASK=" + oData.IDTASK + "'>" +
                            "<span style='font-size: 12px;'>USUŃ</span></a>");
                            }},
                        {"data": "FIRMA"},
                        {"data": "MIEJSCOWOSC"},
                        {"data": "MAGAZYNWYDAJACY"},
                        {"data": "MAGAZYNPRZYJMUJACY"},
                        {"data": "KIEROWCA"},
                        {"data": "ILOSCMIEJSCPALETOWYCH"},
                        {"data": "ILOSCWZ"},
                        {"data": "UWAGI"},
                        {"data": "DATA"},
                        {"data": "CZYGOTOWE", fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                            var checkGotowe;
                            if (oData.CZYGOTOWE == 'T')
                                checkGotowe = 'checked';
                            else
                                checkGotowe = '';
                            $(nTd).html("<input type='checkbox'" + checkGotowe + " id='GotoweCheck_" + oData.ID + "' onclick='CzyGotowe(" + oData.ID + ")' > ");
                            }},
                        {"data": "ZALADOWANY", fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                            var checkZaladowane;
                            if (oData.ZALADOWANY == 'T')
                                checkZaladowane = 'checked';
                            else
                                checkZaladowane = '';
                            $(nTd).html("<input type='checkbox'" + checkZaladowane + " id='ZaladowaneCheck_" + oData.ID + "' onclick='CzyZaladowane(" + oData.ID + ")' >");
                            }},

                        {"data": "DOKUMENT", fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                            var checkDokument;
                            if (oData.DOKUMENT == 'T')
                                checkDokument = 'checked';
                            else
                                checkDokument = '';
                            $(nTd).html("<input type='checkbox'" + checkDokument + " id='DokumentCheck_" + oData.ID + "' onclick='CzyDokument(" + oData.ID + ")' >");
                            }},
                        {"data": "EKSPORT", fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                            var checkEKSPORT;
                            if (oData.EKSPORT == 'T')
                                checkEKSPORT = 'checked';
                            else
                                checkEKSPORT = '';
                            $(nTd).html("<input type='checkbox'" + checkEKSPORT + " id='EksportCheck_" + oData.ID + "' onclick='CzyEksport(" + oData.ID + ")' >");
                            }},
                        {"data": "CZYPRZERZUTY"},
                        {"data": "CZYODBIORY"},
                        {"data": "OKRES"},
                        {"data": "ZADGOT"}

                    ]   

                    });


                $('.toggle-vis').on( 'click', function (e) {
                    // Get the column API object
                    var column = table.column( $(this).attr('data-column'));

                    // Toggle the visibility
                    column.visible( ! column.visible() );
                } );


            }

        }

if($("#firma").is(":visible"))
    var firma = document.getElementById("firma").value;