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 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
js 省地市级联选择
Feb 07 Javascript
javascript实现五星评分功能
Nov 10 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
js实现拖拽功能
Mar 01 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
js实现坦克移动小游戏
Oct 28 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
前端开发基础javaScript的六大作用
Aug 06 Javascript
React 高阶组件HOC用法归纳
Jun 13 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实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
jQuery+jqmodal弹出窗口实现代码分明
2010/06/14 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
python列表与元组详解实例
2013/11/01 Python
Python中的引用和拷贝浅析
2014/11/22 Python
TensorFlow实现创建分类器
2018/02/06 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
在职研究生自我鉴定
2013/10/16 职场文书
创业计划书中包含的9个方面
2013/12/26 职场文书
成语的广告词
2014/03/19 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
2015年仓库工作总结
2015/04/09 职场文书
小学运动会开幕词
2016/03/04 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
浅谈Redis中的RDB快照
2021/06/29 Redis
mysql使用instr达到in(字符串)的效果
2022/04/03 MySQL
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript