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 24 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
Nov 21 Javascript
JQuery选择器、过滤器大整理
May 26 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 Javascript
javascript实现左右缓动动画函数
Nov 25 Javascript
如何在vue-cli中使用css-loader实现css module
Jan 07 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中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
图片完美缩放
2006/09/07 Javascript
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
2015/03/13 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
python基础教程之匿名函数lambda
2017/01/17 Python
pip命令无法使用的解决方法
2018/06/12 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python自动发邮件总结及实例说明【推荐】
2019/05/31 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
socket.io 和canvas 实现的共享画板功能
2019/05/22 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
波兰品牌内衣及泳装网上商店:Astratex.pl
2017/02/03 全球购物
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
高级编程求职信模板
2014/02/16 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
毕业生见习报告总结
2014/11/08 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏
浅谈Redis缓冲区机制
2022/06/05 Redis