jquery-autocomplete | original jQuery autocompleter | Frontend Framework library

There are many articles regarding how to autocomplete some input and related form widgets. The goal is to autocomplete user input with data from database (via json api) but send only the id(s) from database back to the server. There are two cases of usage:

1. simple id-name (or id-value) pairs
2. plus some "related" info (like - a dummy example, don't judge - select also the country when selecting a city)

Since ages, jquery autocomplete is used, it's working, but since jquery has become for too many people the "black sheep" I am looking for other possible solutions.

Existing solutions:

1. jquery-autocomplete + input.text (value) + input.hidden (id): it works, can be made bootstrap-friendly with some css, you can disable text send to server by not giving names to those input.text(s) so only required data is passed to the server, "related" data can be set through input/select ids; everything ok
2. jquery-autocomplete + input.text (value) with some data-id attribute; same as above, no need to add those hidden inputs, but you must "create" the post request (from javascript); sending json and using FormData with some javascript can make you life easier (at least for not-so-complicated forms); plus, you can (if you're lucky) access form inputs only by name (in case of multiple dynamically generated forms on the same page, to avoid id collision)
3. bootstrap-select2 is a nice candidate, unfortunately I don't like the idea of putting the input to the dropdown; plus, I'm not sure if you can use "related" info to populate other fields

You got the idea, I'm looking for something like 'editable/searchable select with dynamically fetch data'. Besides those solutions listed above, there is something else these days ?

Similar to this question, I am looking for a component to add tags to an object like in stackoverflow, meaning autocomplete text field for tags. I am either looking for a native component or a way to wrap a JS solution so that it can be used in blazor.

Another idea is a multi-select component with checkboxes like discussed here, but I do not really like the idea.

Ideally I would provide a list of all tags and bind to a list on an item for which the tags are being set.

I am having a serious problem with trying to use a jquery autocomplete and javascript is not my strongest skill.

I am using the jquery.auto-complete plugin found here: https://github.com/Pixabay/jQuery-autoComplete which is a rewrite of the devbridge.com version.

so far, getting it to work has been no problem, but now i am stuck with a problem and really need some help.

i have a form for data entry for a very large database. nothing special, but a very large database with lots of fields and about 80% of the data is simple text fields that have very similar or duplicated values, but still varied enough that nothing really other than an autocomplete will make life easier. this can be very time consuming and tedious, especially when database is 1M+ records.

so since i have around 40 fields that require lookups, this is my current code:

I'm not quite sure if what I want is possible. But I currently have some code that populates an autocomplete list. The source is handled by an ajax call to a web api, that returns a set of items from the database (see code below).

I referred this and few more.

I have PHP/MySQL AJAX source for my Autocomplete field. It works great, per the jquery autocomplete remote source docs

The remote source docs allows an array of data so I can pass the labels var for the dropdown results and I have the ID in the array. (here is an example of a similar setup)

So feeling confident the server side data is good, I want to open a Modal on select from the list of options. The Select event needs to pass an ID to load the data in the modal. Is this possible?

My modal is opened with a class selector on click function. It reference a data-id.

I am trying to use the jQuery-Autocomplete library on an text-input field (documentation here). Therefor I use this Ajax lookup to get data from the db:

I want a user to select a company and then an employee from this company. I saw similar questions, the most similar is this but I want both inputs to be autocomplete.

I have following code:

There is a very similar question here: jquery autocomplete color change

Which is essentially what I want to do but I want to change the css if one of the search results contains the word "Entry".

This is the function im calling using the jquery ui script: