🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple PickList using jQuery and Bootstrap .Picklist is a multiselect box plugin.

Forms Plugins

Documentation

pickList is a simple plugin for jQuery.

Installation

Include script after the jQuery library:

<script src="pickList.js"></script> 

Usage

Basic setup:

<div id="pickList"></div>  <!-- HTML -->
$("#pickList").pickList(); // JS

To set data into the plugin just include:

var val = {     01: {id: 01, text: 'Isis'},     02: {id: 02, text: 'Sophia'},     03: {id: 03, text: 'Alice'},     04: {id: 04, text: 'Isabella'},     05: {id: 05, text: 'Manuela'},     06: {id: 06, text: 'Laura'}   };  var pick = $("#pickList").pickList({data: val});

To get data just call the getValues:

 var pick = $("#pickList").pickList({data: val});   $("#getSelected").click(function () {      console.log(pick.getValues());  });

Demo

pickList Simple

pickList Multiple

Author

Gabriel Rodrigues


You May Also Like