Filterable Input Dropdown Box jQuery Plugin

Indri Muska July 17, 2023

ADN
filterable-input-dropdown-box-jquery-plugin

Live Preview Download

The Filterable Input Dropdown Box jQuery Plugin is a simple and lightweight solution for improving the user experience of choose boxes on your website or online application. Users may simply search for and select choices using this plugin, as well as add their own unique options. Its adjustable features enable smooth integration into your existing design.

How To Use Filterable Input Dropdown Box jQuery Plugin :

Include the compiled CSS file in the head section of your html page.


Include jQuery library and the Filterable Input Dropdown Box jQuery Plugin JS file at the bottom of the page.



Add the HTML select tag with options


Call the function on an existing select element and we're ready to go.

$('#devstocSelect').editableSelect();

Customizable options.

$('#devstocSelect').editableSelect({
 
  // enable filter
  filter: true,
 
  // default, fade or slide
  effects: 'default',
 
  // fast, slow or [0-9]+
  duration: 'fast',
 
  // Where to append the dropdown list.
  appendTo: 'body',
 
  // "focus" or "manual"
  trigger: 'focus',
 
  // callback events
  onCreate: function () {},
  onShow: function () {},
  onHide: function () {},
  onSelect: function (element) {}
   
});

Also Checkout the full documentation for events and callback functions

Next: Top Website Audit Tools

also view other related posts,