To use this website fully, you first need to accept the use of cookies. By agreeing to the use of cookies you also consent to allowing this site to collect anonymised information about your visit. For more information or to opt-out of analytics, read this page.

BalfPick

BalfPick is a powerful new select box wrapper powered by jQuery.

Getting started

It's so easy to get started with BalfPick. You need a copy of the CSS file provided linked to the page, a copy of the JavaScript file linked to the page and you need a link to jQuery:

HTML
<head>
	...
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <link href="balfpick.css" rel="stylesheet" type="text/css">
  <script src="balfpick.js"></script>
  ...
</head>
<body>
  <select class="balfpick">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>

  <script
  $(document).ready(function(){
    $(".balfpick").BalfPick();
  });
  </script>
</body>
  

Whilst it is currently the case that there are no jQuery options for BalfPick, it is possible that these will come in the future.

BalfPick has been tested on the latest versions of the following setups as of April 2018:

  • macOS Firefox
  • macOS Chrome
  • macOS Safari
  • Windows 10 touch and non-touch input
  • Ubuntu Firefox
  • Ubuntu Chrome
  • Android Firefox
  • Android Chrome
  • iOS Firefox
  • iOS Chrome
  • iOS Safari