如何用js做出一个表格检索

今天给大家介绍一个,如何用js做出表格检索。
我们的检索一般分为几大类,有:
字符串比较、不区分大小写、模糊搜索(search)以及多关键词搜索(split)
1.简单的字符串比较:
我们只需要获取表格中的信息和文本框的内容作比较,若相等即显示出来。
2.不区分大小写
我们需要把我们要检索的内容和表格中的信息进行小写化操作,即toLowerCase(),再将其比较。
3.模糊搜索
模糊搜索需要用到search()操作,即我们不需要把内容全都输入进去,只需要输入内容中的某一个字或者字母,即可将我们需要的内容在表格中查找出来。
4.多关键词搜索
我们可以同时输入不同内容,然后用空格隔开,通过split(‘ ’)将其转换成字符串,再通过search将其一一搜索出来。
最后附上代码:
<script type="text/javascript">
window.onload=function(){
var oTa=document.getElementById('tal');
var oBtn=document.getElementById('btn')
var oName=document.getElementById('name');

            oBtn.onclick=function(){
                
                for(var i=0; i<oTa.tBodies[0].rows.length;i++){
                    
                    var aStr=oTa.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();    //不分大小写搜索
                    var aVal=oName.value.toLowerCase();
                    
                    var arr=aVal.split(' ');
                    oTa.tBodies[0].rows[i].style.background='';
                    
                    for(var j=0;j<arr.length;j++){
                        if(aStr.search(arr[j])!=-1){
                            oTa.tBodies[0].rows[i].style.background='yellow';
                        }
                    }
                }
            }
        }
    </script>

如有错误,麻烦指正。谢谢

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • python的re模块--细说正则表达式 可能是东半球最详细最全面的re教程,翻译自官方文档,因为官方文档写的是真...
    立而人阅读 23,492评论 4 46
  • 前言 最先接触编程的知识是在大学里面,大学里面学了一些基础的知识,c语言,java语言,单片机的汇编语言等;大学毕...
    oceanfive阅读 3,436评论 0 7
  • 四号“妮妲”要来,周遭、友圈一片备战声,停课停工缓营业,人性化暖意浓,也足见“妮妲”之威摄力。 她来之前奏曲,是本...
    又见五月阅读 228评论 0 0
  • 2018年3月5日 天气:多云 心情:沮丧 在从学校回家的路上,我隐隐约约地听到了一阵歌声“都...
    行路难_阅读 371评论 0 1
  • 1. 什么是智能指针? 智能指针是行为类似于指针的类对象,但这种对象还有其他功能。 2. 为什么设计智能指针? 引...
    MinoyJet阅读 729评论 0 1

友情链接更多精彩内容