#multiple select

TvMultiSelectPanel is a jQuery plugin to dynamically render a multi select panel where the users are able to select single or multiple entries in an elegant way.

Demo

Download

The Tagcomplete jQuery plugin converts the normal input field into a dynamic, customizable tags/tokens input with autocomplete support.

Demo

Download

A lightweight multi select plugin for jQuery that transforms normal select element into dual select boxes with support for select all, remove all and click to add/remove.

Demo

Download

Searchdown is a searchable dropdown component that adds search-as-you-type filtering, tag-based multi-select, and custom value entry to any HTML input element. Features: Supports single and multi-select modes with tag-style display of chosen items. Filters dropdown options in real time as the user types into the search field. Accepts user-typed custom values and saves them optionally to the…

SnapSelect is a JavaScript library that converts the native select elements into modern, accessible, responsive dropdowns with advanced features like live search, multi-select, and select/clear all. This library can be useful when building forms or interfaces requiring dynamic filtering and selection. Think country selectors, product filters, or multi-step forms. Inspired by popular alternatives…

SimpSelect is a powerful and feature-rich JavaScript custom select library designed to enhance the user experience of the native <select /> element on your webpage. It offers a visually appealing alternative to the default HTML select element, with features like showing a checkbox before each option, displaying the selected option(s), and providing confirm selection buttons. Additionally,…

Tags Input Based On HTML Data List – multi-input.js

multi-input.js is a simple, lightweight JavaScript library that helps create a tags input style multiple select component using the HTML data list. How to use it: 1. Import the multi-input.js library. <script src="multi-input.js"></script> 2. Wrap your tags input together with the data list into the multi-input component. <multi-input> <input list="speakers"> <datalist id="speakers"> <option…

Use v-select in Vue js

In this article, we will learn about how we can use v-select in Vue js. I will show you step by step guide to implement v-select with options in Vue js. Basic Example of v-select In the below example you will learn how to implement v-select with options. <template> <div> <v-select v-model="selected" label="title" :options="multipleOption"/> </div> </template> <script> import…