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 相关文章推荐
直接生成打开窗口代码,不必下载
May 14 Javascript
BOM与DOM的区别分析
Oct 26 Javascript
javascript使用call调用微信API
Dec 15 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
js运动应用实例解析
Dec 28 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
node+experss实现爬取电影天堂爬虫
Nov 20 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
五句话帮你轻松搞定js原型链
Dec 09 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统计nginx访问日志中的搜索引擎抓取404链接页面路径
2014/06/30 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
经典PHP加密解密函数Authcode()修复版代码
2015/04/05 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
JavaScript 基础篇(一)
2012/03/30 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
Node.js 路由的实现方法
2019/06/05 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
Python简单计算数组元素平均值的方法示例
2017/12/26 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
python 搭建简单的http server,可直接post文件的实例
2019/01/03 Python
python实现小球弹跳效果
2019/05/10 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
python3获取控制台输入的数据的具体实例
2020/08/16 Python
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
科研先进个人典型材料
2014/01/31 职场文书
开业典礼主持词
2014/03/21 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
教师工作证明范本
2015/06/12 职场文书
培训简讯范文
2015/07/20 职场文书
初中班长竞选稿
2015/11/20 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书
mysql的MVCC多版本并发控制的实现
2021/04/14 MySQL
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers