html表格模糊查询

要在HTML表格中实现模糊查询，你需要以下几个步骤：

1. 在HTML中添加两个接收条件的输入框和一个搜索按钮。这样用户就可以输入查询条件并点击搜索按钮进行搜索。

2. 在JavaScript中，你需要在重载函数中获取输入框中的搜索条件，并将其提交到控制器进行条件的筛选。

3. 在JavaScript中，你可以使用以下代码实现模糊搜索的功能：

window.onload = function () {
  var otab = document.getElementById('dateTab'); // 要查询的表格
  var obtn = document.getElementById('btnsearch'); // 查询按钮
  var otext = document.getElementById('txtsearch'); // 输入框

  obtn.onclick = function () {
    for (var i = 0; i < otab.tBodies\[0\].rows.length; i++) {
      var stab = otab.tBodies\[0\].rows\[i\].cells\[1\].innerHTML.toLowerCase();
      var stext = otext.value.toLowerCase();
      var arr = stext.split(' ');

      otab.tBodies\[0\].rows\[i\].style.background = ""; // 确保在下一次搜索时上一次搜索不会影响这次搜索的结果

      for (var j = 0; j < arr.length; j++) {
        if (stab.search(arr\[j\]) != -1) {
          otab.tBodies\[0\].rows\[i\].style.background = 'yellow';
        }
      }
    }
  }
}

这段代码会在用户点击搜索按钮时，遍历表格中的每一行，将每行的第二列内容与输入框中的搜索条件进行比较。如果搜索条件在内容中出现，则将该行的背景色设置为黄色，表示匹配成功。

请注意，这段代码假设你的表格的id为`dateTab`，搜索按钮的id为`btnsearch`，输入框的id为`txtsearch`。你需要根据实际情况进行相应的修改。
#### 引用[.reference_title]
- *1* [Layui表格重载 模糊查询](https://blog.csdn.net/weixin_55017780/article/details/126573029)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [HTML 设置通过模糊查询可以使表格某行数据显示高亮](https://blog.csdn.net/weixin_45309155/article/details/123062892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]