Zeigen dropdownlist mit JQuery Autocomplete-Vorschläge

Mein JQuery autocomplete funktioniert fast einwandfrei. Nach dem einfügen von "Af", wenn ich drücken Sie KeyDown, habe ich richtig erhalten "Afghanistan". Jedoch, ich kann nie finden Sie in der dropdownlist mit allen Ländern. Bin ich etwas fehlt AutoVervollständigen-option?

Mein Code:

@Html.TextBox("Countries", "", new { @class = "COUNTRIES", @placeholder = "Insert Country..."}) 

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>

<script>
    $(function () {
        var countriesList = ["Afghanistan", "Albania", "Algeria"]
        $(".COUNTRIES").autocomplete({ source: countriesList });
    });
</script>
  • Ihnen fehlt die jQuery UI-Bibliothek hinzu zu fügen!
  • Siehe dieser! Sie müssen haben etwas zu geben in das Textfeld ein, um AutoVervollständigen funktioniert 🙂
InformationsquelleAutor Luis Gouveia | 2014-06-27
  1. 3

    In diesem Beispiel wird von jquery-Website

    JS:

      $( 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
    });
  } );

    CSS:

    HTML:

      <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
   
  
<html>  
<body>
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
</body>
</html>

    InformationsquelleAutor Daniel Melo
  2. 3

    Können Sie sehen, dieses Beispiel in http://www.encodedna.com/2013/08/jquery-autocomplete-dropdown-list-on-focus.htm.

    Es zeigt die drop-down-Liste, wenn die Fokussierung auf die Eingabe durch das hinzufügen 

    .focus(function() {$(this).autocomplete("search", "");})

    - Und Sie können auch einstellen, das scroll-Stil.

     

    InformationsquelleAutor Yt Li
Schreibe einen Kommentar