Popup Option Picker With Vanilla JavaScript – pickout

Preview:

Description:

pickout is a Vanilla JavaScript library to enhance the default select box that allows you to select an option from a popup box. Also supports option filtering.

How to use it:

Load the pickout.css to style the picker popup.

<link rel="stylesheet" href="pickout.css">

Load the pickout.js at the end of the webpage.

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

Enable the pickout on a target select box.

pickout.to('.pickout');

Pass the options to the pickout.

pickout.to({
  // target select box
  el:'.city',
  // 'dark' or 'theme'
  theme: 'dark', 
  // filterable
  search: true
  
});

Changelog:

v2.0 (08/15/2018)

• Bugfix