typeahead.js
chosen
Our great sponsors
| typeahead.js | chosen | |
|---|---|---|
| 2 | 6 | |
| 16,528 | 21,909 | |
| -0.1% | -0.1% | |
| 0.0 | 0.0 | |
| about 1 year ago | over 1 year ago | |
| JavaScript | HTML | |
| MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
typeahead.js
-
Is there a way to “extend” the HTML select native search?
You can check out something like this: https://github.com/twitter/typeahead.js
-
Internal Website Search Feature
If you have access to, or are able to create, a JSON output listing the pieces of each dataset you'd like to be searchable, as well as an image, title, and URL for each, then you can incorporate a platform-agnostic search tool with advanced features such as Twitter's Bloodhound.
chosen
- Custom <select> ?
-
How to load the data from external json file to the composite's textfield element?
Jumping onto this you can then use a library like chosen, select2, selectize.js or others to get type ahead like behaviour to populate the data as a user types.
-
Customize select with vanilla JavaScript
If this approach does not suit you, then you need to make your own. There are ready-made solutions: — Select2 in jQuery; — Chosen in jQuery; — Choices in JavaScript without deps.
-
How can I reset a form with jQuery chosen plugin?
I have a bunch of select elements in a form with which I am using the Jquery Chosen plugin. How can I reset the form? The following does not work:
-
disable jquery-chosen dropdown
I have a select div that I'm using the chosen jquery plugin to style and add features to (most notably, search). The div looks something like this,
-
Software developers have stopped caring about reliability
Or maybe browser vendors can invest in high quality, easy to style, feature rich built in components, so we don't have to reimplement the wheel.
Its 2022 almost, and we still can't get a html select that has 20% of the features that chosen (https://harvesthq.github.io/chosen/) had 8 years ago.
What are some alternatives?
select2 - Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
jQuery-Autocomplete - Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields
selectize.js - Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Choices.js - A vanilla JS customisable select box/text input plugin ⚡️
awesomplete - Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
JavaScript-autoComplete - An extremely lightweight and powerful vanilla JavaScript completion suggester.
Amazon Autocomplete JS Plugin - 🚀 Unlock the full power of the Amazon autocompletion engine right into your search input. JavaScript Plugin.
jquery multi-select - A user-friendlier drop-in replacement for the standard select with multiple attribute activated.