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库与其他JS库冲突的解决办法
Feb 07 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
详解js中class的多种函数封装方法
Jan 03 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
Aug 30 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
jquery实现选项卡切换代码实例
May 14 jQuery
vue.js的简单自动求和计算实例
Nov 08 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应用提速面面观
2006/10/09 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
2016/03/21 PHP
PHP5.6读写excel表格文件操作示例
2019/02/26 PHP
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
jquery实现右键菜单插件
2015/03/29 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
Python可跨平台实现获取按键的方法
2015/03/05 Python
python 识别图片中的文字信息方法
2018/05/10 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python-str,list,set间的转换实例
2018/06/27 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
python 实现矩阵上下/左右翻转,转置的示例
2019/01/23 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
python django model联合主键的例子
2019/08/06 Python
如何利用python进行时间序列分析
2020/08/04 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
《改造我们的学习》心得体会
2014/11/07 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
储备店长岗位职责
2015/04/14 职场文书
战友聚会致辞
2015/07/28 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
详解TypeScript中的类型保护
2021/04/29 Javascript
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
PHP设计模式(观察者模式)
2021/07/07 PHP