Heim  >  Artikel  >  Web-Frontend  >  js-Fuzzy-Query-Beispielfreigabe

js-Fuzzy-Query-Beispielfreigabe

高洛峰
高洛峰Original
2017-01-16 09:32:461189Durchsuche

Zunächst müssen Sie verstehen, was eine Fuzzy-Abfrage ist (wieder Unsinn), die darin besteht, basierend auf dem Schlüsselwort ein oder mehrere Elemente in der Liste aufzulisten, die mit dem Schlüsselwort übereinstimmen, d list enthält das Schlüsselwort , also bedeutet es abstrakt, ob eine Zeichenfolge ein bestimmtes Zeichen oder eine bestimmte Zeichenfolge enthält.

Das folgende Beispiel kennt keine Hintergrunddaten, sondern fragt nur die Schlüsselwörter ab, die in jeder Zeile der aktuellen Tabelle enthalten sind.

Die verwendete Methode lautet: string.indexOf(''); um die Position eines bestimmten Zeichens in der Zeichenfolge zu finden, und -1 wird zurückgegeben, wenn kein Zielzeichen vorhanden ist.

Implementierungscode:

<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>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe auch, dass der Inhalt dieses Artikels zum Lernen oder Arbeiten beitragen kann Unterstützen Sie die chinesische PHP-Website!

Weitere Beispiele für js-Fuzzy-Abfragen und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn