Javascript 表中的快速搜索

我有个问题

我想在php数组生成的html表中创建一个qiuck搜索框

我的表格代码：

 <table class="demo">
            <thead>
                <tr>
                    <th><input type="checkbox" class="check_all" ></th>
                    <th>ID</th>
                    <th>DB</th>
                    <th>Name</th>

                </tr>
            </thead>
            <tbody>
                <?php foreach ($this->data as $key => $value_db) { ?>                   
                    <tr>
                        <td class="center"><input type="checkbox" value="<?= $value_db['id']; ?>" title="test_<?= $value_db['db']; ?>"></td>
                        <td class="center"><?= $value_db['id']; ?></td>
                        <td class="center">name_<?= $value_db['db']; ?></td>
                        <td></td>
                    </tr>
                <?php } ?>
            </tbody>
    </table>

身份证件
分贝
名称
名字_

我不知道怎么做uick-box搜索。我不想搜索结果分页，我只想快速搜索数据库名称

我试着这么做

<script>
        function SrchSubmit() 
        {
                var valu= document.getElementById("valu").value;
                url="mydommain?a=s&query={0.CT." + valu + "}";
                location.href = url;
        }
</script>
 <form>
    <input id="valu" style="margin-right: 15px;"/>
    </form>

    <input type="button" value="Search" onClick="SrchSubmit()" style="width:135px;font: bold 12px Arial;">

函数SrchSubmit（）
{
var valu=document.getElementById（“valu”）.value；
url=“mydommain？a=s&query={0.CT.+valu+“}”；
location.href=url；
}

---

但它不起作用，我不想在不同的窗口中搜索结果。如何创建快速搜索框（html、pp或jQ）？

单击搜索按钮时会发生什么情况？没有，我在控制台中遇到错误。请将错误粘贴到此处。