jQuery設置值後的搜索表

我做了2個表ID ='table_1'和ID ='table_4'。當我點擊table_1中的行時，我希望jQuery獲取列Item的單元格值，並將該值設置爲table_4的搜索輸入文本框。一切似乎工作正常，但有一件事是失蹤。所以，當我點擊table_1中的行時，jQuery獲取了項目單元格值，併成功將其設置爲table_4搜索輸入文本框，但不更新表格結果。看起來像我每次點擊table_1中的其他行時輸入值會發生變化，但table_4不會根據文本框搜索中的值來過濾結果。jQuery設置值後的搜索表

這是我的jQuery代碼：

<script type="text/javascript"> 


window.jQuery(function($) { 
    $('#table_1').on({ 
    click: function(e) { 

     var data = $(this).closest('tr').children('td:eq(1)').text(); 
     $("#table_4_filter .form-control").val(data).trigger("change"); 

    } 
    }, 'td'); 
}); 

</script>

我試過，我發現這裏根據觸發和變更事件，但沒有幫助幾個解決方案。有沒有人有一個想法，我可以如何解決這個問題。

來源

2017-10-17 Code Lover

我假設如果您在該輸入中手動編寫了一些內容，表格會過濾結果，對吧？也許過濾器是觸發'keyup'或'keydown'事件而不是'change'？你嘗試過觸發那些事件嗎？ –

表看起來像一個從datatables.net。在這種情況下，不直接更新搜索框，而不是使用API：

$('#table_4').DataTable().search(data).draw();

的.search(newfilter)將填補你的搜索欄，鏈接的.draw()將更新表格視圖。

來源

2017-10-17 19:35:28 clemens321

jQuery設置值後的搜索表

回答

相關問題