表格單元格上的簡單過濾器

我有一個只有一列STATUS的簡單表格。我正在想辦法在該單元格上放置一個過濾器。表格單元格上的簡單過濾器

<html> 
<body> 
    <input type="text" name="status" value=""/> 
    <table> 
    <tr><th>STATUS</th></tr> 
    <tr><td>100</td></tr> 
    <tr><td>200</td></tr> 
    <tr><td>300</td></tr> 
    <tr><td>101</td></tr> 
    <tr><td>202</td></tr> 
    <tr><td>400</td></tr> 
    <tr><td>402</td></tr> 
    <tr><td>500</td></tr> 
    </table> 
</body> 
</html>

來源

2015-03-30 user3799365

如果您有可能向您JS插件，請嘗試Dynatables。設置簡單，靈活。

更新：如果您只需要JS函數我認爲您首先需要首選html結構，並帶有select所需的選項。在此$ selectElement上偵聽事件onChange。然後它會觸發更改您在$ selectElement中選擇的選項的狀態的集合（initail集合將被您的狀態過濾）以這種方式使用$ els = $ .filter（// Condition）並帶有條件來過濾集合。上次只是呈現在：

$.each($els, function(el) { 
    $tableBody.append(<td>$els</td>); 
});

來源

2015-03-30 20:01:22 khusnetdinov

我只想一個簡單的Javascript函數 – user3799365 2015-03-30 20:03:56

表格單元格上的簡單過濾器

回答

相關問題