js模糊查詢(xún)實(shí)例分享
首先要明白什么是模糊查詢(xún)(廢話(huà)又來(lái)了),就是根據(jù)關(guān)鍵字把列表中符合關(guān)鍵字的一項(xiàng)或某項(xiàng)羅列出來(lái),也就是要檢查列表的每一項(xiàng)中是否含有關(guān)鍵字,因此抽象一下就是一個(gè)字符串中是否含有某個(gè)字符或者字符串。
以下例子沒(méi)有接觸到后臺(tái)數(shù)據(jù)的知識(shí),只是查詢(xún)當(dāng)前表格中每一行所包含的關(guān)鍵字。
用到的方法為:string.indexOf(''); 找出字符串中某個(gè)字符的位置,而如果沒(méi)有目標(biāo)字符會(huì)返回-1。
實(shí)現(xiàn)代碼:
<meta charset="UTF-8"> <title></title> <table id="Result1"> <tbody><tr> <th></th> <th>賬戶(hù)名稱(chēng)</th> <th>賬戶(hù)</th> <th>戶(hù)名簡(jiǎn)稱(chēng)</th> <th>開(kāi)戶(hù)行號(hào)</th> <th>開(kāi)戶(hù)行名稱(chēng)</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>安順賬號(hào)1</td> <td>060156300000123</td> <td>簡(jiǎn)稱(chēng)123</td> <td>31375635312</td> <td>中國(guó)銀行股份有限公司</td> </tr> <tr> <td><input type="radio" name="accounts" value="634"></td> <td>安順賬號(hào)2</td> <td>0601001100000123</td> <td>安順賬號(hào)2-簡(jiǎn)稱(chēng)123</td> <td>3137565012</td> <td>南京銀行股份有限公司</td> </tr> <tr class=""> <td><input type="radio" name="accounts" value="634"></td> <td>安順賬號(hào)3</td> <td>0601001154520123</td> <td>安順賬號(hào)215</td> <td>38968599012</td> <td>建行有限公司</td> </tr> </tbody></table>
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
js寫(xiě)出遮罩層登陸框和對(duì)聯(lián)廣告并自動(dòng)跟隨滾動(dòng)條滾動(dòng)
這篇文章主要介紹了js寫(xiě)出遮罩層登陸框和對(duì)聯(lián)廣告并自動(dòng)跟隨滾動(dòng)條滾動(dòng),需要的朋友可以參考下2014-04-04實(shí)現(xiàn)div滾動(dòng)條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼
下面小編就為大家分享一篇實(shí)現(xiàn)div滾動(dòng)條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼,代碼非常簡(jiǎn)潔,具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-11-11JavaScript實(shí)現(xiàn)郵箱地址自動(dòng)匹配功能代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)E-mail郵箱地址自動(dòng)匹配功能代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫(xiě)法
本文主要介紹了js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫(xiě)法,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03JavaScript定時(shí)器常見(jiàn)用法實(shí)例分析
這篇文章主要介紹了JavaScript定時(shí)器常見(jiàn)用法,結(jié)合實(shí)例形式分析了JavaScript定時(shí)器常見(jiàn)功能、應(yīng)用及相關(guān)操作技巧,需要的朋友可以參考下2019-11-11