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检测对象中是否存在某个属性判断方法小结
May 19 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
JQuery选择器绑定事件及修改内容的方法
Jan 23 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
axios中cookie跨域及相关配置示例详解
Dec 20 Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 Javascript
vue计算属性及使用详解
Apr 02 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
使用layui的layer组件做弹出层的例子
Sep 27 Javascript
详解node和ES6的模块导出与导入
Feb 19 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程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
PHP4 与 MySQL 交互使用
2006/10/09 PHP
UCenter Home二次开发指南
2009/05/28 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
js操作select控件的几种方法
2010/06/02 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
2016/06/01 Javascript
微信小程序图表插件(wx-charts)实例代码
2017/01/17 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
Angular开发实践之服务端渲染
2018/03/29 Javascript
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
在Vue中使用Select选择器拼接label的操作
2020/10/22 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
urllib2自定义opener详解
2014/02/07 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
英国探险旅游专家:Explore
2018/12/20 全球购物
static关键字的用法
2013/10/07 面试题
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
开业典礼主持词
2014/03/21 职场文书
志愿者活动总结报告
2014/06/27 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫