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 01 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
js操作cookie保存浏览记录的方法
Dec 25 Javascript
jQuery弹出遮罩层效果完整示例
Sep 13 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 Javascript
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 Javascript
解决vue v-for src 图片路径问题 404
Nov 12 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
vue在图片上传的时候压缩图片
Nov 18 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的urlencode()URL编码函数浅析
2011/08/09 PHP
php中如何防止表单的重复提交
2013/08/02 PHP
php正则表达式获取内容所有链接
2015/07/24 PHP
php实现当前页面点击下载文件的简单方法
2016/09/22 PHP
javascript中expression的用法整理
2014/05/13 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
vue制作加载更多功能的正确打开方式
2016/10/12 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
2018/06/14 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
Python中如何添加自定义模块
2020/06/09 Python
Python requests接口测试实现代码
2020/09/08 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
极简鞋类,赤脚的感觉:Lems Shoes
2019/08/06 全球购物
同学会主持词
2014/03/18 职场文书
中队活动总结
2014/08/27 职场文书
民事和解协议书格式
2014/11/29 职场文书
民主生活会汇报材料
2014/12/15 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
让子弹飞观后感
2015/06/11 职场文书
2020年元旦晚会策划书模板
2019/12/30 职场文书
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS