如何将多个搜索值传递给datatables中的search.draw函数?

时间:2016-08-07 12:49:23

标签: jquery search datatables

我的数据表中有多个搜索选项。以下代码适用于单个搜索。

<script>
$(document).ready(function() {
    var dataTable = $('#example').DataTable();
    $('#filter').click(function(e){
    dataTable.search($("#txtSearch").val()).draw();});
} );
</script>

但我有多个搜索文本框/列表框。当用户单击“搜索结果”按钮时,该表应绘制相关的搜索结果。但是如何将多个搜索值传递给搜索功能呢?任何帮助将非常感谢。 多个文本框

 <input type="text" class="form-control" id="3" style="width: 150px;">
<input type="text" class="form-control datepicker" id="12" style="width: 100px;" readonly="readonly">
<select id="13" class="form-control vcbot_search">
<option value="">ACKN Status</option>
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
 <input type="text" class="form-control" id = "0" placeholder = "General Search">

1 个答案:

答案 0 :(得分:1)

我已使用以下代码解决了此问题。

<script>
 jQuery('#filter').click(function(e){
dataTable.columns(2).search(jQuery("#2").val()).columns(3).search(jQuery("#3").val()).columns(11).search(jQuery("#11").val()).columns(12).search(jQuery("#12").val()).columns(13).search(jQuery("#13").val()).draw();});
</script>

当用户点击过滤按钮时,只有我将搜索值传递给绘图功能。它对我来说很好。