tail.select.js - Beautify Select Fields

Replace and Improve your HTML <select> fields with style and without jQuery!

The tail.select script is back, rewritten in vanilla JavaScript and ready to beautify and extend your HTML <select> fields... again! Add a search bar, multi-selection utilities (such as select all or none buttons), a perfect design and many more user-friendly functions to your web application.

NOTE #1: If you want to use the latest version and your implementation is simple, or if you are starting a new project from scratch, then you can use the 1.x branch. This branch is actively maintained.

NOTE #2: Version 0.5.23 is the last one in the 0.5.x branch. The next version is 1.x and contains breaking changes. If you have an older implementation, and you use custom code, please stick to the 0.5.x branch. This branch is no longer maintained, but it's stable.

---

Want to see tail.select in action?

Support

You really like my tail.select script and want to support me and all of my projects?
Then I would be extremely grateful for a coffee! (Thanks to all Supporters)

Features

• Beautiful. 2 different designs (light and dark)
• Extensive.
  • Search bar to find options quickly...
  • All / None optgroup selection buttons...
• Translatable.
• Zero dependencies. And written in vanilla JavaScript...
• Free to use. Because it's MIT licensed <3

Install & Embed

The master branch will always contain the latest release, which you can download directly here as .tar or as .zip archive, or just visit the Releases Page on GitHub directly. You can also be cool and using npm, Yarn or bower:

npm install tail.select.js --save

yarn add tail.select.js --save

bower install tail.select.js --save

Using a CDN

You can also use the awesome CDN services from jsDelivr or UNPKG.

https://www.npmjs.com/package/tail.select.js

https://cdn.jsdelivr.net/npm/[email protected]/js/tail.select.min.js

https://unpkg.com/browse/[email protected]/