如何搜索多個列在一個表中使用jquery或javascript

我有如下一個搜索框：如何搜索多個列在一個表中使用jquery或javascript

<input type="text" class="form-control" onkeyup="myFunction()" id="myInput"/>

和我有一個表ID =「show_member」與不同的列。我已經寫了一個代碼如下，我想搜索所有列，只要我在搜索框中輸入東西（上面的輸入）代碼有什麼問題，我該如何解決它？它不僅不顯示相關列，而且在刪除搜索框中的所有字母時也不會被刪除。

function myFunction(){ 
var input = document.getElementById("myInput"); 
//alert(input.value); 
var iv = input.value; 
var rows = $('table tr').hide().filter(":contains(".'iv'.")").show(); 
}

在此先感謝您的幫助

來源

2017-06-20 saeed doozandeh

有幾個例子在那裏爲這樣的： https://www.w3schools.com/howto/howto_js_f ilter_table.asp https://stackoverflow.com/questions/9127498/how-to-perform-a-real-time-search-and-filter-on-a-html-table 即使是一個簡單的圖書館，重新如此傾向：http://listjs.com/ – Woodrow

你正在使'iv'作爲字符串而不是變量引用。只要刪除它周圍的單引號。 –

'「：contains（」。'iv'。「）」）'這是php。 –

使用+爲string operators（串聯）在JavaScript

$('table tr').hide().filter(":contains(" + iv +")").show();

，而不是

$('table tr').hide().filter(":contains(".'iv'.")").show()

來源

2017-06-20 13:39:10 Satpal

謝謝它的工作 –

如何搜索多個列在一個表中使用jquery或javascript

回答

相關問題