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

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

---

是否有方法获取数据表中搜索框中输入的值

如果您只想在执行搜索时检查值[dataTables1.10.x]：

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

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

演示->

要完全重置搜索/筛选，如用户已删除搜索词：

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

如中所述

var table=$（'.datatable'）.datatable（）；
$（'.datatable'）。on（'search.dt'，函数（e，设置）{
table.search（this.value）.draw（）；
})
//或自定义输入
//#myInput是一个元素
$（'#myInput'）。打开（'keyup'，函数（）{
table.search（this.value）.draw（）；
});

是的，有。您可以在不带参数的情况下调用搜索方法来获取搜索项

var query=dataTable.search（）

获取当前应用的全局搜索。如果不止一个 表在API的上下文中，第一个表的搜索项将是 返回。如果需要其他搜索项，请使用table（） API上下文中的表

---

尝试此功能检测按键，然后绘制数据表

$（'#search'）。打开（'keyup change'，函数（）{
变量表=$（“#示例”）.DataTable（）；
table.api（）.search（$（this.val（））.draw（）；
});您可以这样做，适用于所有datatable版本
我们在这里做的是跟踪搜索输入字段，然后只获取其值
使用此方法不需要使用DataTableAPI

$('input[type="search"]').on( 'keyup', function () {
            console.log($(this).val());
} );

你问的是什么？请说得更具体一些。谢谢你的回复。我正在使用搜索功能，我想获得数据表搜索框中输入的确切文本，我需要在清除搜索框中的文本时发送服务器端请求。因此，我正在寻找一种方法来获取输入的文本，并检查长度是否为零，然后发送服务器端请求。我希望我说的很清楚。我想你可能想把
jQuery
添加到你的标签列表中，以吸引更多的人。#1在谷歌搜索“datatables pull Content of search box”。完美<代码>表.column（）.search（value.draw（）不应该是
table.search（value.draw（）？@Márciosuzajúnior，你说得对。非常感谢。已更改文本和小提琴。奇怪，我在示例中使用了
column（）
。@davidkonrad尝试
dataTable.search（）
。我不确定它是否有文档化。虽然这个代码片段可以解决这个问题，但它确实有助于提高您文章的质量。请记住，您将在将来为读者回答这个问题，而这些人可能不知道您的代码建议的原因。谢谢，其他答案非常复杂：）有用great@danday74，是的，我同意，我也曾在其他地方推荐过。但是如果你看这个问题，你会想要搜索框的内容
.search（）
只提供当前搜索词（如果有的话），这可能是一种编程或基于插件的搜索，而不仅仅是搜索框的内容。@davidkonrad，“如何获取输入的值…”。阅读问题的标题。或者也许我的英语非常好terrible@peterchaula，gee，那是旧的：）我参考了OP问题下面的评论：“，我有一个要求，当搜索框中的文本被清除时发送服务器端请求。所以我正在寻找一种方法来获取输入的文本，检查长度是否为零，并发送服务器端请求”。新年快乐@戴维康拉德：是的，那很老了。新年快乐！
    var table = $('.datatable').DataTable();


     $('.datatable').on('search.dt', function (e, settings) {
       table.search( this.value ).draw();
    })

    //or custom input
    // #myInput is a <input type="text" id="myInput"> element
    $('#myInput').on( 'keyup', function () {
        table.search( this.value ).draw();
    });

$('input[type="search"]').on( 'keyup', function () {
            console.log($(this).val());
} );