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中关于indexOf的使用方法与问题小结
Aug 05 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
简单实现js间歇或无缝滚动效果
Jun 29 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
实例解析js中try、catch、finally的执行规则
Feb 24 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 Javascript
ES6字符串的扩展实例
Dec 21 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实现图象锐化代码
2007/06/14 PHP
PHP开发框架kohana3 自定义路由设置示例
2014/07/14 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
php mysql 封装类实例代码
2016/09/18 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
2013/04/24 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
js常用自定义公共函数汇总
2014/01/15 Javascript
JavaScript数字和字符串转换示例
2014/03/26 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
浅谈javascript中new操作符的原理
2016/06/07 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
2017/02/13 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Django与JS交互的示例代码
2017/08/23 Python
浅谈python中np.array的shape( ,)与( ,1)的区别
2018/06/04 Python
Win8下python3.5.1安装教程
2020/07/29 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
Python实现合并excel表格的方法分析
2019/04/13 Python
css3 box-shadow阴影(外阴影与外发光)图示讲解
2017/08/11 HTML / CSS
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
计算机操作自荐信
2013/12/07 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
大学教师个人总结
2015/02/10 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
mysql查看表结构的三种方法总结
2022/07/07 MySQL