Latest web development tutorials

jQuery Autocomplete

jQuery Autocomplete-Plugin Such- und Filterwert basierend auf Benutzereingaben, so dass Anwender schnell zu finden und aus einer Liste mit vordefinierten Werten wählen. Indem die automatische Vervollständigung Fokus oder Feld, in dem Sie Zeichen eingeben, begann der Stecker nach einem passenden Eintrag zu suchen und eine Liste der alternativen Werte anzuzeigen. Durch die Eingabe weiterer Zeichen, kann der Benutzer die Liste filtern, um eine bessere Abstimmung zu bekommen.

Das Plug-In ist jetzt jQuery UI Teil der Standalone - Version wird nicht aktualisiert. Die aktuelle Version ist 1.6.

Zugang jQuery Autocomplete offiziellen Website , laden Sie die jQuery - Autocomplete - Plugin.

Für weitere Informationen über die automatische Vervollständigung, finden Sie in der API - Dokumentation automatisch Mitglied (Automatische Vervollständigung der Widget) .

Beispiele Demo

jQuery Autocomplete-Plugin-Demo.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 
 
</body>
</html>