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

Question

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

Check Image

Answer 1

你需要触发keyUp事件;像这样：

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

过滤数据表的侦听器函数绑定到keyup事件。

Answer 2

与以上相同

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

为了回应以上评论，将dataTable的ID设置为your-datatable-name_filter

Answer 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>