js模糊查詢實(shí)例分享
首先要明白什么是模糊查詢(廢話又來了),就是根據(jù)關(guān)鍵字把列表中符合關(guān)鍵字的一項(xiàng)或某項(xiàng)羅列出來,也就是要檢查列表的每一項(xiàng)中是否含有關(guān)鍵字,因此抽象一下就是一個字符串中是否含有某個字符或者字符串。
以下例子沒有接觸到后臺數(shù)據(jù)的知識,只是查詢當(dāng)前表格中每一行所包含的關(guān)鍵字。
用到的方法為:string.indexOf(''); 找出字符串中某個字符的位置,而如果沒有目標(biāo)字符會返回-1。
實(shí)現(xiàn)代碼:
<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>
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動
這篇文章主要介紹了js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動,需要的朋友可以參考下2014-04-04實(shí)現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼
下面小編就為大家分享一篇實(shí)現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼,代碼非常簡潔,具有很好的參考價值,希望對大家有所幫助2017-11-11JavaScript實(shí)現(xiàn)郵箱地址自動匹配功能代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)E-mail郵箱地址自動匹配功能代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫法
本文主要介紹了js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-03-03