jQuery的發送回車鍵到搜索領域

Question

您好我有一個DataTable和邊欄，看起來像這樣

我的作用是當我點擊進入這些li元素之一\，例如，Approved那麼它將附加在Datatable的搜索框中。我已經開始工作了。但我的問題是，當搜索框中有文本時，Datatables應該根據該輸入自動搜索，但在我的情況下不是。除非您在搜索框中指定光標的同時手動按Enter鍵。

因此，我所做的就是添加，將發送該搜索框中輸入一個按鍵事件，以便代碼當我追加Approved那麼接下來它會發送，這樣我就不需要輸入鍵事件搜索框手動命中輸入，但它不起作用。

這是我的代碼：

$("li#approved_filter").on("click", function(){ 
    $(".input-sm").val("Approved"); 
    $(".input-sm").focus().trigger({ type : 'keypress', which : 13 }); 
}); 

Answer 1

僞造的返回鍵事件是有點哈克。相反，您可以使用內置的fnFilter函數？

$(document).ready(function() { 
    var oTable = $('#example').dataTable(); 

    // Sometime later - filter... 
    oTable.fnFilter('test string'); 
}); 

你的情況，這將是：

$("li#approved_filter").on("click", function() { 
    $(".input-sm").val("Approved"); 
    oTable.fnFilter('Approved'); 
});