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 学习笔记(一)
Oct 13 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
Jul 06 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
jquery动态加载js/css文件方法(自写小函数)
Oct 11 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 Javascript
JavaScript获取各大浏览器信息图示
Nov 20 Javascript
基于JavaScript实现瀑布流布局(二)
Jan 26 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
javascript将非数值转换为数值
Sep 13 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 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
用PHP4访问Oracle815
2006/10/09 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
php处理文件的小例子(解压缩,删除目录)
2013/02/03 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
利用PHP获取汉字首字母并且分组排序详解
2017/10/22 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
js 函数的副作用分析
2011/08/23 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
JavaScript中的作用域链和闭包
2012/06/30 Javascript
js 窗口抖动示例
2013/09/04 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
2014/02/04 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
利用Vue.js实现求职在线之职位查询功能
2017/07/03 Javascript
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python实现静态web服务器
2019/09/03 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
刮痧观后感
2015/06/05 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python