diff options
Diffstat (limited to 'demos/autocomplete/multiple.html')
| -rw-r--r-- | demos/autocomplete/multiple.html | 22 |
1 files changed, 8 insertions, 14 deletions
diff --git a/demos/autocomplete/multiple.html b/demos/autocomplete/multiple.html index 5e0f4b50b..908cfe6ce 100644 --- a/demos/autocomplete/multiple.html +++ b/demos/autocomplete/multiple.html @@ -12,6 +12,7 @@ <link type="text/css" href="../demos.css" rel="stylesheet" /> <script type="text/javascript"> $(function() { + var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]; function split(val) { return val.split(/,\s*/); } @@ -19,18 +20,11 @@ return split(term).pop(); } - $("#birds").autocomplete({ + $("#tags").autocomplete({ + minLength: 0, source: function(request, response) { - $.getJSON("search.php", { - term: extractLast(request.term) - }, response); - }, - search: function() { - // custom minLength - var term = extractLast(this.value); - if (term.length < 2) { - return false; - } + // delegate back to autocomplete, but extract the last term + response($.ui.autocomplete.filter(availableTags, extractLast(request.term))); }, focus: function() { // prevent value inserted on focus @@ -56,15 +50,15 @@ <div class="demo"> <div class="ui-widget"> - <label for="birds">Birds: </label> - <input id="birds" size="50" /> + <label for="tags">Tag programming languages: </label> + <input id="tags" size="50" /> </div> </div><!-- End demo --> <div class="demo-description"> <p> -Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names. +Usage: Type something, eg. "j" to see suggestions for tagging with programming languages. Select a value, then continue typing to add more. </p> <p> This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field. |