数码资讯
js实现表数据各种搜索功能的方法
本文介绍了js实现表数据的各种搜索功能,包括大小可忽略、模糊搜索、多关键字检索等,供大家参考,具体实现方法如下: 复制代码代码如下所示: 窗口。指针函数(){ VaR OTAB = document.getelementbyid(标签); VaR OBT = document.getelements
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了js实现表数据的各种搜索功能,包括大小可忽略、模糊搜索、多关键字检索等,供大家参考,具体实现方法如下:
复制代码代码如下所示:
窗口。指针函数(){
VaR OTAB = document.getelementbyid(标签);
VaR OBT = document.getelementsbytagname(输入);
OBT { 1 }。onclick =函数(){
对于(var i = 0;i < OTAB。tbodies { 0 }。rows.length;i++)
{
var str1 = OTAB。tbodies { 0 },{我}行。细胞{ 1 }。innerhtml.touppercase();
VaR str2 = OBT { 0 }。value.touppercase();
String.toUpperCase / 的使用/()(所有字符串中字符的大写)或string.tolowercase()(字符串转换为小写字母)
所谓的忽略案例搜索是所有大写或小写字符串的用户输入字符串转换,然后将表中的信息转换成大写或小写,然后比较行上的转换字符。
/ ******************************* JS表IGNORECASE搜索********************************* /
如果(str1 = = str2){
OTab。tbodies { 0 },{我}行。风格。背景=';
}
别的{
OTab。tbodies { 0 },{我}行。风格的背景;
}
/ *********************************** JS形式的模糊搜索************************************* /
/ /搜索形式的模糊是通过JS搜索()方法的使用格式,string1.search(string2);如果
/ /用户输入的字符串是一个字符串,返回字符串中的子字符串不匹配的位置,然后1将返回,所以操作如下
如果(str1.search(出现)!= 1){ OTAB。tbodies { 0 },{我}行。风格。背景=';}
别的{ OTAB。tbodies { 0 },{我}行。风格。背景= '';}
搜索******************************** / / *********************************** JS表多关键词
该表多关键字搜索、添加用户输入的多个关键字是由一个空格分隔的,使用拆分方法将一个长字符串以空格为标准,分为字符串数组,
然后在一个循环中被切成一个字符串数组和字符串信息表比较。
var arr = str2.split(' ');
对于(var j = 0;J < arr.length;j++)
{
如果(str1.search(ARR {,})!= 1){ OTAB。tbodies { 0 },{我}行。风格。背景=';}
}
}
}
}
全名:
身份证件
名称
年龄
一
蓝色
十五
二
mikyou
二十六
三
弱
二十四
四
天空
三十五
五
丽莎
十八
希望本文能对大家的javascript程序设计有所帮助。
复制代码代码如下所示:
窗口。指针函数(){
VaR OTAB = document.getelementbyid(标签);
VaR OBT = document.getelementsbytagname(输入);
OBT { 1 }。onclick =函数(){
对于(var i = 0;i < OTAB。tbodies { 0 }。rows.length;i++)
{
var str1 = OTAB。tbodies { 0 },{我}行。细胞{ 1 }。innerhtml.touppercase();
VaR str2 = OBT { 0 }。value.touppercase();
String.toUpperCase / 的使用/()(所有字符串中字符的大写)或string.tolowercase()(字符串转换为小写字母)
所谓的忽略案例搜索是所有大写或小写字符串的用户输入字符串转换,然后将表中的信息转换成大写或小写,然后比较行上的转换字符。
/ ******************************* JS表IGNORECASE搜索********************************* /
如果(str1 = = str2){
OTab。tbodies { 0 },{我}行。风格。背景=';
}
别的{
OTab。tbodies { 0 },{我}行。风格的背景;
}
/ *********************************** JS形式的模糊搜索************************************* /
/ /搜索形式的模糊是通过JS搜索()方法的使用格式,string1.search(string2);如果
/ /用户输入的字符串是一个字符串,返回字符串中的子字符串不匹配的位置,然后1将返回,所以操作如下
如果(str1.search(出现)!= 1){ OTAB。tbodies { 0 },{我}行。风格。背景=';}
别的{ OTAB。tbodies { 0 },{我}行。风格。背景= '';}
搜索******************************** / / *********************************** JS表多关键词
该表多关键字搜索、添加用户输入的多个关键字是由一个空格分隔的,使用拆分方法将一个长字符串以空格为标准,分为字符串数组,
然后在一个循环中被切成一个字符串数组和字符串信息表比较。
var arr = str2.split(' ');
对于(var j = 0;J < arr.length;j++)
{
如果(str1.search(ARR {,})!= 1){ OTAB。tbodies { 0 },{我}行。风格。背景=';}
}
}
}
}
全名:
身份证件
名称
年龄
一
蓝色
十五
二
mikyou
二十六
三
弱
二十四
四
天空
三十五
五
丽莎
十八
希望本文能对大家的javascript程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。