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 相关文章推荐
jquery Mobile入门—外部链接切换示例代码
Jan 08 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
javascript实现PC网页里的拖拽效果
Mar 14 Javascript
jQuery中$.each()函数的用法引申实例
May 12 Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 Javascript
浅析从vue源码看观察者模式
Jan 29 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
vue中实现弹出层动画效果的示例代码
Sep 25 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
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获取网页标题和内容函数(不包含html标签)
2014/02/03 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
php数据访问之查询关键字
2016/05/09 PHP
PHP让数组中有相同值的组成新的数组实例
2017/12/31 PHP
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
2011/05/07 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
Openlayers实现图形绘制
2020/09/28 Javascript
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
使用Python开发windows GUI程序入门实例
2014/10/23 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
详解python中__name__的意义以及作用
2019/08/07 Python
opencv python如何实现图像二值化
2020/02/03 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
利用python生成照片墙的示例代码
2020/04/09 Python
python调用API接口实现登陆短信验证
2020/05/10 Python
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
linux面试题参考答案(3)
2012/09/13 面试题
就业推荐表自我鉴定
2013/10/29 职场文书
实习鉴定评语
2014/01/19 职场文书
理想演讲稿范文
2014/05/21 职场文书
国庆横幅标语
2014/10/08 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
客服专员岗位职责
2015/02/10 职场文书
环卫工作个人总结
2015/03/04 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书