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 相关文章推荐
如何用javascript控制上传文件的大小
Oct 26 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
JavaScript中的关联数组问题
Mar 04 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
PHP实现的简单日历类
2014/11/29 PHP
PHP跨平台获取服务器IP地址自定义函数分享
2014/12/29 PHP
PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】
2018/12/08 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
jquery ajax执行后台方法
2010/03/18 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
js读写json文件实例代码
2014/10/21 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
深入理解node.js http模块
2018/01/24 Javascript
Vue-Router的使用方法
2018/09/05 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
在Vue项目中使用snapshot测试的具体使用
2019/04/16 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
python标准日志模块logging的使用方法
2013/11/01 Python
Python设计模式之单例模式实例
2014/04/26 Python
python对url格式解析的方法
2015/05/13 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
python range()函数取反序遍历sequence的方法
2018/06/25 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
Python 学习教程之networkx
2019/04/15 Python
python将字符串list写入excel和txt的实例
2019/07/20 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
Python中itertools的用法详解
2020/02/07 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
药剂专业学生求职信范文
2013/12/28 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
工作过失检讨书
2014/02/23 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android
全网非常详细的pytest配置文件
2022/07/15 Python