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数据表格插件
Jul 17 Javascript
用Javascript实现Sleep暂停功能代码
Sep 03 Javascript
重载toString实现JS HashMap分析
Mar 13 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
JS实现QQ图片一闪一闪的效果小例子
Jul 31 Javascript
解决Layui 表单提交数据为空的问题
Aug 15 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
wx-charts 微信小程序图表插件的具体使用
Aug 18 Javascript
使用原生JS实现滚轮翻页效果的示例代码
May 31 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 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/02/15 PHP
PHP遍历数组的几种方法
2012/03/22 PHP
php截取视频指定帧为图片
2016/05/16 PHP
JavaScript Array扩展实现代码
2009/10/14 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
js淡入淡出的图片轮播效果代码分享
2015/08/24 Javascript
纯javascript代码实现计算器功能(三种方法)
2015/09/07 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
js实现图片加载淡入淡出效果
2017/04/07 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
matplotlib实现区域颜色填充
2019/03/18 Python
简单了解python中对象的取反运算符
2019/07/01 Python
python_mask_array的用法
2020/02/18 Python
QML实现钟表效果
2020/06/02 Python
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
八项规定整改措施
2014/02/12 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
群众路线党课主持词
2014/04/01 职场文书
入党综合考察材料
2014/06/02 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
新学期主题班会
2015/08/17 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
python使用torch随机初始化参数
2022/03/22 Python
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle