Ergebnis 1 bis 2 von 2

Thema: Filter nach PLZ aber in der richtigen Reihenfolge

  1. #1
    Neuer Benutzer
    Registriert seit
    31.10.2014
    Beiträge
    6

    Filter nach PLZ aber in der richtigen Reihenfolge

    Hallo liebes Forum,

    ich habe ein kleines Problem, ich hoffe Ihr könnt mir Helfen.

    Ich würde gerne einen PLZ Filter haben, der mir die Einträge anzeigt, die in der richtigen Reihenfolge wie im Input Feld eingegeben wurden anzeigt.

    z.B. meine eingabe:
    011

    Die ausgabe ist leider noch:
    01129
    10117
    10117

    Eigentlich sollte nur der erste Ausgegeben werden.

    Folgenden Code habe ich gefunden:

    Code:
    (function($) {
      $(document).ready(function() {
    
    
    //////// Adressen ////////// 
    
    function looseCharacterMatch(a, b) {
      a = a.split("");
      b = b.substring(0,a.length);
      var c = true;
      for (var i = 0; i < a.length; i++) {
        if (b.replace(a[i], "") == b) {
          c = false;
        }
        b = b.replace(a[i], "");
      }
      return c;
    }
    
    $("#plz").on("keyup", function () {
      var value = $(this).val().toLowerCase();
    
      $("#list").children().each(function () {
        var text = $(this).text().toLowerCase();
        $(this)[!looseCharacterMatch(value,text) ? 'hide':'show']();
      });
    });
    
    
    //////// Adressen ////////// 
    
      });
    })(jQuery);

    HTML Code

    HTML-Code:
    <div class="title-plz"><input id="plz" type="search" placeholder="PLZ"></div>
    
    <ul id="list">
    <li><a href="#/01129/">01129</a></li>
    <li><a href="#/01307/">01307</a></li>
    <li><a href="#/01814/">01814</a></li>
    <li><a href="#/10117/">10117</a></li>
    <li><a href="#/10117/">10117</a></li>
    </ul>
    Ich hoffe jemand kann mir helfen.

    Vielen Dank.

  2. #2
    Neuer Benutzer
    Registriert seit
    31.10.2014
    Beiträge
    6
    Hier habe ich den Code her:
    http://jsfiddle.net/V6357/21/

    Es sieht auch so aus, als ob es funktoniert.
    Aber wenn man hier einen neuen Eintrag hinzufügt.

    z.B. "<li><a href="#/nui/">nui</a></li>"

    Dann nach "Un" sucht für z.B. "United Kingdom"
    Bekomme ich auch den Eintrag mit "nui" angezeigt.

Stichworte

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •