jQuery Autocomplete

Le plugin jQuery Autocomplete recherche et filtre en fonction de la valeur saisie par l'utilisateur, permettant aux utilisateurs de trouver et de sélectionner rapidement parmi une liste de valeurs prédéfinies. En donnant le focus au champ Autocomplete ou en y saisissant des caractères, le plugin commence à rechercher les entrées correspondantes et affiche une liste de valeurs parmi lesquelles choisir. En saisissant davantage de caractères, les utilisateurs peuvent filtrer la liste pour obtenir de meilleures correspondances.

Ce plugin fait maintenant partie dejQuery UI, et la version autonome ne sera plus mise à jour. La version actuelle est 1.6.

Visitezle site officiel de jQuery Autocomplete, téléchargez le plugin jQuery Autocomplete.

Pour plus de détails sur Autocomplete, veuillez consulter la documentation de l'APIAutocomplete Widget。

Exemples

Démo du plugin jQuery Autocomplete.

<!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.html">
  <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>

Autres extensions