Choices.js
select2
Our great sponsors
Choices.js | select2 | |
---|---|---|
6 | 29 | |
5,992 | 25,762 | |
1.2% | 0.0% | |
0.0 | 2.2 | |
about 1 month ago | 10 days ago | |
TypeScript | 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.
Choices.js
- Rails 7 SelectBox with Search
-
How does jQuery class selector return an object?
bootstrap-select is a jQuery plugin, thus it needs jQuery as a dependency. If you can’t use jQuery, you need something similar to bootstrap-select without dependencies (also called Vanilla JS). https://choices-js.github.io/Choices/ or https://tom-select.js.org/ might work for you.
-
Looking for a library similar to select2 but without jquery requirement
You may check the https://github.com/Choices-js/Choices library.
-
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.
-
Rails7, Choices.js, importmap-rails, stimulus-rails got "does not provide an export named default" error
I want to implement Choices.js on Rails7 with importmap, stimulus but got error like below.
- Selectra - A custom select box in vanilla JS
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?
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.
JavaScript-autoComplete - An extremely lightweight and powerful vanilla JavaScript completion suggester.
typeahead.js - typeahead.js is a fast and fully-featured autocomplete library
laravel-simple-select - Laravel Simple Select inputs component for Blade and Livewire.
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.
django-select2 - This is a Django integration for Select2