这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文主要分享了 js 模糊查询的实现代码,没有接触到后台数据的知识,只是查询当前表格中每一行所包含的关键字。具有一定的参考价值,需要的朋友一起来看下吧
首先要明白什么是模糊查询(废话又来了),就是根据关键字把列表中符合关键字的一项或某项罗列出来,也就是要检查列表的每一项中是否含有关键字,因此抽象一下就是一个字符串中是否含有某个字符或者字符串。
以下例子没有接触到后台数据的知识,只是查询当前表格中每一行所包含的关键字。
用到的方法为: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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0519/329157.html