jquery数据表自定义搜索表单

我正在创建jquery datatables自定义搜索表单。该表单包含输入、复选框和选择框。但不发布任何数据。我尝试过几种方法，但没有成功

$('#search-form').on('submit', function () {
    var datas = $(this).serializeArray();

    $.each( datas, function( i, data ) {

      table.columns(i).search(data.value).draw();

    });
});

---

实际上你们不需要提交任何表格，只要点击按钮就可以了。看看下面我的解决方案，单击filter按钮展开输入框，然后尝试键入一些内容并单击search按钮。数据表将在此之后重新绘制

代码是不言自明的，如果您需要进一步澄清，请告诉我

$（“#筛选按钮”）。单击（函数（）{
$（此）.toggleClass（“活动”）；
$（“#过滤器体”）。滑动切换（100）；
});
$（“#BTN搜索”）。单击（函数（e）{
变量表=$（'#custTable'）。数据表（）；
var txtCustName=$（“#txtCustName”）.val（）；
var txtIntroductor=$（“#txtIntroductor”）.val（）；
var txtNRIC=$（“#txtNRIC”）.val（）；
var txtNickName=$（“#txtNickName”）.val（）；
var txtAddress=$（“#txtAddress”）.val（）；
var txtPhone=$（“#txtPhone”）.val（）；
var txtmark=$（“#txtmark”）.val（）；
桌子
.列（1）.搜索（txtCustName）
.列（2）.搜索（TXT导入器）
.列（3）.搜索（txtNRIC）
.列（4）.搜索（TXT昵称）
.列（5）.搜索（txtAddress）
.列（6）.搜索（txtPhone）
.列（7）.搜索（TXT备注）
.draw（）；
});
$（'#custTable'）。数据表({
响应：{
详情：{
键入：“列”，
目标：“tr”
}
},
columnDefs：[
{
类名：“控件”，
可订购：错误，
目标：0
}],
“dom”：“iti”，
iDisplayLength:-1
});
$（#custable thead th:first child'）.css（{'background-image'：'none'}）；
$（“#custTable a.cust_id”）。在（'click'，函数（事件）{
event.stopPropagation（）；
});

过滤客户
名称
介绍人
NRIC
昵称
地址
电话
评论
搜寻
姓名介绍人Ricnick姓名地址电话标记操作
阿巴
放弃
阿库拉
巴西
艾伦
1234
泰勒
艾伦
123321
赞恩
扎克
123131
你能为更好地理解这个问题编一把小提琴吗