jquery - 如何获取数据表中搜索框中输入的值

Question

如何获取数据表中搜索框中输入的值。有没有办法获取数据表中搜索框中输入的值？

Answer 1

如果您只想在执行搜索时检查值 [dataTables 1.10.x]:

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

$('#example').on('search.dt', function() {
    var value = $('.dataTables_filter input').val();
    console.log(value); // <-- the value
}); 

如果你想在搜索前检查值，并且能够取消搜索，你必须取消绑定(bind)默认的搜索框事件并创建你自己的事件，就像这样 - 仅当用户输入超过 3 个字符时才搜索:

$('.dataTables_filter input').unbind().keyup(function() {
    var value = $(this).val();
    if (value.length>3) {
        table.search(value).draw();
    } 
});

演示 -> http://jsfiddle.net/pb0632c3/

要完全重置搜索/过滤器，就像用户删除了搜索词一样:

if (value.length==0) table.search('').draw();