通过jquery在数据表中设置“搜索框”的值为空答案

【问题标题】：Set value of "Search Box" empty in datatable by jquery通过jquery在数据表中设置“搜索框”的值为空
【发布时间】：2016-06-13 19:00:40
【问题描述】：

我想借助 jquery .val() 在数据表中将“搜索文本框”的值设置为空，但它没有设置。如何在 onClick 函数中将文本框的值设置为空。

Check Image

【问题讨论】：

如果您需要答案，您必须输入一些代码来描述您当前的测试。
我们需要更多信息
在数据表中，我希望单击按钮时搜索值为空白。

标签： javascript jquery search datatable

【解决方案1】：

需要触发keyUp事件；像这样：

$('input[type="search"]').val('').keyup()

过滤数据表的监听函数绑定keyup事件。

【讨论】：

【解决方案2】：

和上面的思路一样

$('#table-search-clear-filter').on('click', function() {
    $('#table-search').val('');
});

为了回应上述评论，dataTable 的 id 被设为your-datatable-name_filter

【讨论】：

【解决方案3】：

当你设置数据输入然后调用它的函数例如：我想要搜索这样的东西=>在输入中获取数据并在数据表中搜索当在代码中将数据放入搜索器数据表中时用 keyup() 调用它

<table id="user_data">
<input id="day"  onchange="onSelectDay(this.value)" placeholder="get_data_from_user_and_put_in_searcher_datatable "/>
 </table>
 <script>
 function onSelectDay(str) 
 var date = document.getElementById("day").value;       
 $("input[aria-controls=user_data]").val(date).keyup(); //this input create auto in datatable
 </script>

【讨论】：