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 replace(rgExp,fn)正则替换的用法
Mar 04 Javascript
jquery对dom的操作常用方法整理
Jun 25 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
Jun 05 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
JavaScript函数的特性与应用实践深入详解
Dec 30 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
Jan 08 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
vue如何使用async、await实现同步请求
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 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
thinkphp框架下实现登录、注册、找回密码功能
2016/04/06 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
js截取函数(indexOf,join等)
2010/09/01 Javascript
javascript不可用的问题探究
2013/10/01 Javascript
jquery实现用户信息修改验证输入方法汇总
2015/07/18 Javascript
input点击后placeholder中的提示消息消失
2016/01/15 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
JavaScript页面实时显示当前时间实例代码
2016/10/23 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
Vue实现简易计算器
2020/02/25 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
使用graphics.py实现2048小游戏
2015/03/10 Python
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
Python字符串详细介绍
2015/05/09 Python
浅谈django中的认证与登录
2016/10/31 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
python实现多层感知器MLP(基于双月数据集)
2019/01/18 Python
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
品学兼优的大学生自我评价
2013/09/20 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
党员转正党支部意见
2015/06/02 职场文书
党小组考察意见
2015/06/02 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
Python Django模型详解
2021/10/05 Python
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python