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

Set value of "Search Box" empty in datatable by jquery

本文关键字:搜索框 搜索 jquery 数据表 设置 通过      更新时间:2023-09-26

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

检查图像

你需要

触发keyUp事件;像这样:

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

筛选数据表的侦听器函数绑定到 keyup 事件。

与上述想法相同

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

为了响应上面的评论,数据表的 id 被制作为your-datatable-name_filter

设置数据输入时 然后调用它函数例如:我想搜索这样的东西=>在输入中获取数据并在数据表中搜索当将数据放入搜索器数据表中时,使用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>