如何使用Datatable jquery在同一個表中搜索單個列（文本輸入，選擇下拉列表）？

Question

Image12 [3

我想替換（輸入型）到（選擇下拉），所以我應該怎麼辦？

我必須改變黑方成數據表下拉

參考： - Click Here

Answer 1

嗨，我試圖找出這個問題的解決方案來看看，

var table = $('#example').DataTable(); 

// Apply the search in normal text input way 
table.columns().every(function() { 
    var that = this; 

    $('input', this.footer()).on('keyup change', function() { 
     if (that.search() !== this.value) { 
      that 
       .search(this.value) 
       .draw(); 
     } 
    }); 
}); 

使用選擇輸入的過濾器，用於列號2，它將替代您所選擇的列

table.column(2).every(function() { 

    var column = this; 
    var select = $('<select><option value=""></option></select>') 
     .appendTo($(column.footer()).empty()) 
     .on('change', function() { 
     var val = $.fn.dataTable.util.escapeRegex(
      $(this).val() 
     ); 

     column 
      .search(val ? '^' + val + '$' : '', true, false) 
      .draw(); 
     }); 

    column.data().unique().sort().each(function(d, j) { 
     select.append('<option value="' + d + '">' + d + '</option>') 
    }); 

}); 

還創建了一個小提示讓我知道如果符合您的要求。 https://jsfiddle.net/daddzt6n/2/