typeahead.js
select2
Our great sponsors
typeahead.js | select2 | |
---|---|---|
2 | 29 | |
16,528 | 25,768 | |
-0.1% | 0.0% | |
0.0 | 2.0 | |
about 1 year ago | 4 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
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.
select2
- Does MVC have a combobox?
-
HTML Web Components
Most people using react aren't building SPAs. Vue/React can be used the same way as jquery, which is to add enhanced UI functionality that server-side HTML views simply can't offer.
The best example is a multi-select box, or a searchable select box with autocomplete (what W3 calls the combobox pattern https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) which in jquery was usually via https://select2.org/
For example, on my company website there's a timezone select box with are 151 options. Asking a user to simply scroll through 100+ to find theirs is annoying vs typing a few characters and hitting enter.
There's many examples of select boxes like that and there really is no static server-side way to solve this problem (I tried hard to think of one)... without creating a multi-page Wizard for what should be a single field on a larger form.
If you're building a SaaS product there are many highly-interactive components that demand JS and there's really no better mainstream solution atm than static-first sites with small "islands" of Vue/React style components (ideally with hydration) where interactivity is required.
People still abuse React/Vue of course, but the trend is 100% moving back to "mostly static" rather than slow SPAs and IMO JS-powered components are not never going away unless browsers start offering these complex components built-in.
-
I add a log database for my Django project what to do ??
I’m a fan of select2 (https://select2.org), it supports loading in data from a foreign source (API)
-
Formset factory for displaying hundreds of records for editing. Is there a better way?
You could use a Select2() for the records which prevent the massive amount of data being transferred.
- search box in select tag
- I am trying to make a minimalistic NHL Stats website. I would really appreciate some feedback!
-
What are the popular PHP Frameworks you are using for the development of web applications and why?
Sometimes I still import it for only one thing : select2 that depends on it. Does anyone have an alternative ? I'd love it
-
Better way of selecting Foreign key objects in django admin form
The traditional solution was to use ModelAdmin.raw_id_fields, a comma-delimited string of IDs in a text input. Many users found the interaction inelegant, and so ModelAdmin.autocomplete_fields with live search integration with Select2 was added in Django 2.0.
- How do you create a category (or select an existing one) from a field value on a page form in MediaWiki?
-
How would i go about displaying more information of objects in a ModelForm?
The module django-extensions has a searchable select box widget. There are others using Select2 as well.
What are some alternatives?
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.
chosen - Deprecated - Chosen is a library for making long, unwieldy select boxes more friendly.
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
jquery multi-select - A user-friendlier drop-in replacement for the standard select with multiple attribute activated.
JavaScript-autoComplete - An extremely lightweight and powerful vanilla JavaScript completion suggester.