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从头学起第四讲 jquery入门教程
Aug 01 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 Javascript
js确认删除对话框效果的示例代码
Feb 20 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
Sep 09 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 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
javaScript 简单验证代码(用户名,密码,邮箱)
2009/09/28 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
基于webpack 实用配置方法总结
2017/09/28 Javascript
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
详解vuex 渐进式教程实例代码
2018/11/27 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
JS中自定义事件的使用与触发操作实例分析
2019/11/01 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
python返回昨天日期的方法
2015/05/13 Python
python构建自定义回调函数详解
2017/06/20 Python
python实现k-means聚类算法
2018/02/23 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
Python无损压缩图片的示例代码
2020/08/06 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
CSS3弹性盒模型开发笔记(二)
2016/04/26 HTML / CSS
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
护士自我鉴定
2013/10/23 职场文书
学校志愿者活动总结
2014/06/27 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
车间质检员岗位职责
2015/04/08 职场文书
田径运动会通讯稿
2015/07/18 职场文书
创业计划书之熟食店
2019/10/16 职场文书
导游词之南京栖霞山
2019/10/18 职场文书
Nginx速查手册及常见问题
2022/04/07 Servers