jquery-ui-autocomplete

I've been at this for a while and I'm making very slow progress mostly because my jquery skills need improvement, I am trying though :) I have this code: jQuery(function() { jQuery("input#search").autocomplete({ minLength: 2, source: function(request, response) { jQuery.post("index.php?option=com_eat&view=search&format=raw", { "'.$token.'": "1", search_string: request.term }, function(data) { response( jQuery.map( data, function( item ) { return { value: item.name, url: item.url } })); }, "json"); } }); }); The return from the post is json in the form: data.url = some_url; data.name = some

A potentially simple issue with jQuery UI autocomplete is stumping me. My source is var ac = [ { label: "One Thing", value: "One-Thing" }, { label: "Two Thing", value: "Two-Thing" }, ] I am invoking the widget with $(function() { $( "#search" ).autocomplete({ source: PK.getAutocompleteSource(), focus: function( event, ui ) { $("#search").val(ui.item.label); return false; }, select: function( event, ui ) { $("#search").val(ui.item.label); PK.render(ui.item.value); } }); }); All works fine. When I type in the #search input field, the matching label shows up in the dropdown, and when I select the

I am using JQuery UI autocomplete. Everything works as expected, but when I cycle with the up/down keys on the keyboard, I notice that the textbox is filled with items in the list as expected, but when I reach the end of the list and hit the down arrow one more time, the original term that I typed shows up, which basically allows the user to submit that entry. My question: Is there a simple way to limit the selection to the items in the list, and remove the text in the input from the keyboard selection? eg: if I have a list that contains {'Apples (AA)', 'Oranges (AAA)', 'Carrots (A)'} , if the

I ran into an interesting issue with jQueryUI autocomplete in a dialog box. My dialog HTML looks like this: <div id="copy_dialog"> <table> <tbody> <tr> <th>Title:</th> <td><input type="text" class="title" name="title"></td> </tr> <tr> <th>Number:</th> <td><input type="text" name="number"></td> </tr> </tbody> </table> </div> When I run the jQueryUI autocomplete on the above HTML, it works perfect. When I open it up using dialog $('#copy').click(function() { $('#copy_dialog').dialog({ autoOpen: true, width: 500, modal: false, zIndex: 10000000, title: 'Duplicate', buttons: { 'Cancel': function()

I am trying to implement Bootstrap Tokenfield with Jquery Ui autocomplete and so far i was able to do that except the fact that i am not able to prevent duplicates in the input field, so, unfortunately my user can choose the same value twice. In my search i have found that Bootstrap Tokenfield has a way of preventing duplicate . However I do not know how to apply to my code because it looks to me that it goes with Twitter typeahead and not Jquery Ui. How can i prevent duplicate with Bootstrap TokenField Using Jquery Ui autocomplete ? This is my Bootstrap TokenField code based on jquery ui

i'm having troubles configuring the autocomplete module of JQuery-UI. I need that when the amount of data to select is big enough an scroll bar appears. This is what i tried: in the jquery-ui-1.8.16.css i've set this: ui.autocomplete{ max-height: 100px; overflow-y: auto; overflow-x: hidden; } *as shown in the ui-documentation example This is how i declare and autocomplete input: $("#myInput").autocomplete({ source: mySource, minLength: 0, }); I dont know why the scroll bar does not appear, any help would be appreciated. Thank you very much! You should override the css setting it in the page

I am having some issues with jQuery Autocomplete and moving DownArrow and UpArrow ? The problem seems to be that <input id="autocomplete-input" value=""> focus: function (event, ui) { $('#autocomplete-input').val(ui.item.label); } This works great for MOUSE focus - but when I use arrowUp and arrowDown - it selects the ui.item.id over and above the ui.item.label How can I fix this so that either: the input val isn't changed at all [i.e. it keeps the users inputted term] it updates the input val with the focused val the user is on with keydown/keyup thanks Andrew Whitaker Make sure to prevent