Questions tagged [jquery-ui-autocomplete]

The jQuery-ui plugin incorporates an autocomplete feature that empowers individuals to effortlessly discover and pick from a predetermined assortment of options. By integrating searching and filtering capabilities, users can swiftly access the desired value while typing.

Learn how to dynamically clear and update source data in jQuery autocomplete for enhanced functionality

Here is a snippet of my jQuery code. In this code, 'year' refers to the form input tag ID, and 'years' is an array variable containing all the year values. I have set this array as the source for autocomplete, which works fine. However, when I try to set t ...

Having Trouble with Jquery UI Autocomplete and JSON Integration

Hi everyone, I'm currently investigating why the autocomplete() method is not performing a GET request when I append a variable to the end of the source URL. Here's an example: <script> $(document).ready(function(){ var se ...

Leverage the Angular2 component property when initializing a jQuery function

I'm currently developing a web app with Angular 2 and utilizing jQuery autocomplete. When making requests to the remote server for completion data, I found that the server address is hardcoded in the autocomplete function. Even though I tried using compone ...

Utilizing JSON data for Autocomplete with Ajax and Jquery

I have been working on setting up my Jquery UI autocomplete field to pull data from an ajax connection. Here is the progress I've made so far: $("#mainIngredientAutoComplete").autocomplete({ source: function (request, response) { $.ajax({ ...

Small jQuery Autocomplete Result Box

I've encountered a peculiar issue with the autocomplete UI that I can't seem to find any information about on here. Check out http://jsfiddle.net/TYPfw/ for the jQuery and HTML, while here is the PHP code: $return_arr = array(); $param = mysql_real_escap ...

Guide on Implementing jQuery UI Autocomplete with Chrome's Speech Input Feature

I have recently discovered a cool feature in Chrome that allows users to dictate into any input field using speech input. Learn more here. It's easy to add this feature in Chrome: <input type="text" x-webkit-speech="x-webkit-speech" /> <!-- read ...

Creating a dual-field autocomplete feature with jQuery and JSON data

I've been experimenting with jQuery's autocomplete widget and have hit a bit of a snag. I could really use some advice or guidance. Basically, I'm working on a form where users can input the name of a person, and then jQuery will search the ...

When using jQuery autocomplete and selecting an option by pressing ENTER, it triggers a popup blocker response

In my Office add-in, I have implemented jquery UI autocomplete to provide users with a list of clickable links. When a selection is made from the autocomplete dropdown, it triggers window.open to open the link in a new tab in the default browser. The fun ...

jQuery Autocomplete - Showing array of options upon selecting input field in Internet Explorer

After encountering an issue with the autocomplete feature in a web application, I posted a question on Stack Overflow. The provided answer solved the problem in Chrome, but unfortunately, it did not work in Internet Explorer 8 or 9, and possibly earlier ve ...

Identifying absence of search results in jQuery UI auto-complete feature

Despite reading through several posts on the same topic, I am still perplexed as to why this particular code is not functioning correctly. My objective is to identify when the autocomplete feature returns zero results. Here's the snippet of code: $ ...

JQuery UI Autocomplete: Results, Ctrl + A and Delete

I am currently designing a form that allows users to add members to a project. Only members with existing profiles in the system can be added. The form includes an input field for the member's name and a select box for their position, which is initial ...

Advanced jQuery Autocomplete with Nested Ajax Requests

I am currently developing a feature that allows users to search for albums using the Spotify Metadata API. The main functionality is working well, but I'm running into an issue with retrieving album cover art when making nested calls. This seems to be the ...

The original items are not utilized by jquery-ui autocomplete

I currently have the following setup: class Team { constructor(data) { this.id = data && data.id || null this._title = data && data.title || null } get title() { return this._title } set title(v) { this ...

Getting the Most out of jQuery UI Autocomplete in ASP.NET

I am currently using jQuery UI Autocomplete in conjunction with ASP.NET. The process involves serializing Good names into a string array and then passing this array to the source of the jQuery UI AutoComplete. //PageLoad tadok.Entities.TList<tadok.Enti ...

Sending data via POST when clicking on a jQuery UI autocomplete result

I'm attempting to send the id value of the selected item to the search.php file using POST. While it functions properly with GET, it does not work when using POST. Below is the code snippet I currently have: $( function() { $( ".search" ).autoco ...

Having trouble getting the auto complete feature to work in AngularJS with jQuery

I have been attempting for the last 5 hours without any success... Below is the code snippet: Within View: <input type="text" ng-model="foo" auto-complete/>Foo = {{foo}} Inside the controller: myapp.directive('autoComplete', functi ...

Using jQuery UI autocomplete to insert the description of the selected item into a text field

Currently, I have a functional autocomplete text box with the following code: $('#material_number').autocomplete({ source: function(request, response) { $.ajax({ url: "index.cfm?action=leadtime.getmaterialleadtime&returnfor ...

Determining whether the selection in jQueryUI autocomplete was made using the ENTER key or not

Seeking assistance with implementing an autocomplete field using jQuery 1.7.2 and jQueryUI 1.8.12 to achieve the following: If a suggestion is chosen from the autocomplete list (via mouse or keyboard), execute function A If no matches are found (meaning ...

Using AJAX as a data source for jQuery UI autocomplete

I am currently facing an issue with implementing the jQuery UI autocomplete feature using an Ajax data source. I have reviewed my code but cannot identify the mistake. Below is the code snippet: $(document).ready(function () { var data = new Por ...

Clicking on an image in a jQuery autocomplete menu will trigger a data post to an Express

My jquery autocomplete menu is functioning properly, displaying a list of books with author, title, and book image. I am now looking to enhance it by allowing users to click on the book image and then have the book title posted to an express app.post metho ...

The functionality of jQuery autocomplete is hindered when trying to utilize a remote data source

HTML: <input type="text" id="shop-id"> JS: $(document).ready(function(){ $( "#shop-id" ).autocomplete({ source: "/ticket/get_sids", select: function(event, ui){ //... } }); }); Encountering an unusual i ...

Preventing Blur() from Being Triggered by Autocomplete Selection in jQuery

Is there a way to avoid the occurrence of blur when the select event is triggered in autocomplete? Whenever I click on an item in the suggestion box, the blur event unintentionally gets called as well. Is there a solution to this issue? Below is a simplif ...

Trouble with jQuery UI autocomplete showing categories

Can anyone figure out why the Category is showing up as undefined? I'm able to retrieve the items but not the category. $.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this, ...