js模糊查询实例分享


Posted in Javascript onDecember 26, 2016

首先要明白什么是模糊查询(废话又来了),就是根据关键字把列表中符合关键字的一项或某项罗列出来,也就是要检查列表的每一项中是否含有关键字,因此抽象一下就是一个字符串中是否含有某个字符或者字符串。

以下例子没有接触到后台数据的知识,只是查询当前表格中每一行所包含的关键字。

用到的方法为:string.indexOf(''); 找出字符串中某个字符的位置,而如果没有目标字符会返回-1。

实现代码:

<meta charset="UTF-8">
<title></title>
<table id="Result1">
 <tbody><tr>
  <th></th>
  <th>账户名称</th>
  <th>账户</th>
  <th>户名简称</th>
  <th>开户行号</th>
  <th>开户行名称</th>
  <th></th>
 </tr>
 <tr class="dim-check">
  <td></td>
  <td><input type="text" maxlength="50" id="accountNameStr" name="1" value=""></td>
  <td><input type="text" maxlength="50" id="accountNoStr" name="2" value=""></td>
  <td><input type="text" maxlength="50" id="accountShortStr" name="3" value=""></td>
  <td><input type="text" maxlength="50" id="branchBankNoStr" name="4" value=""></td>
  <td><input type="text" maxlength="50" id="branchBankNameStr" name="5" value=""></td>
 </tr>
 <tr>
  <td><input type="radio" name="accounts" value="634"></td>
  <td>安顺账号1</td>
  <td>060156300000123</td>
  <td>简称123</td>
  <td>31375635312</td>
  <td>中国银行股份有限公司</td>
 </tr>
 <tr>
  <td><input type="radio" name="accounts" value="634"></td>
  <td>安顺账号2</td>
  <td>0601001100000123</td>
  <td>安顺账号2-简称123</td>
  <td>3137565012</td>
  <td>南京银行股份有限公司</td>
 </tr>
 <tr class="">
  <td><input type="radio" name="accounts" value="634"></td>
  <td>安顺账号3</td>
  <td>0601001154520123</td>
  <td>安顺账号215</td>
  <td>38968599012</td>
  <td>建行有限公司</td>
 </tr>
</tbody></table>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JSONP 跨域共享信息
Aug 16 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
JavaScript数据结构之二叉树的删除算法示例
Apr 13 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
简单了解JavaScript异步
May 23 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
JS实现数组删除指定元素功能示例
Jun 05 Javascript
vue v-for直接循环数字实例
Nov 07 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
Dec 26 #Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 #Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 #Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 #Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
Dec 26 #Javascript
原生JS实现图片轮播效果
Dec 26 #Javascript
输入框点击时边框变色效果的实现方法
Dec 26 #Javascript
You might like
php递归列出所有文件和目录的代码
2008/09/10 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
php生成xml简单实例代码
2009/12/16 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
微信小程序实现写入读取缓存详解
2019/08/30 Javascript
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
python数据结构树和二叉树简介
2014/04/29 Python
python实现人脸识别代码
2017/11/08 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
基于python实现聊天室程序
2018/07/27 Python
Python删除n行后的其他行方法
2019/01/28 Python
python调试神器PySnooper的使用
2019/07/03 Python
python 实现dict转json并保存文件
2019/12/05 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
英国演唱会订票网站:Ticket Selection
2018/03/27 全球购物
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
安康杯竞赛活动总结
2014/05/05 职场文书
初中英语教学随笔
2015/08/15 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技