SamBrishes edited this page Nov 27, 2018 · 8 revisions

Install & Embed

Version LastUpdate


You can always download the latest published release, which you can find on GitHubs Release Page. Or just download the Master Branch as .TAR or as .ZIP archive. Attention: The master branch MAY contains unreleased changes or a unreleased version!

Package Manager

You can also use one of the following Package Managers, if you have them installed of course. Please Note: The script doesn't support nodeJS nor any other backend JavaScript engine. But it is compatible with AMD, tested with requireJS at least.


The NPM Wombat loves you <3 (Visit on

npm install --save


The YARN Cat loves you too <3 (Visit on

yarn add --save


The Bower bird has been eaten by YARN:

bower install --save


You can also use the awesome CDN-Services from jsDelivr and UNPKG!




We recommend to load the Stylesheets css/ (or the desired theme / color scheme) within the Document Header (between <head> and </head>) and the JavaScript file directly after the starting <body> Tag. And don't forget to embed the desired Language-File (AFTER the main JavaScript file) too!

Note: If you want to use the jQuery or MooTools edition, don't forget to load the respective library BEFORE you embed the js/ file!


The package contains different JavaScript files. It is always recommended to load the the minified versions on production pages to increase the loading time and performance!

  • js/ The main JavaScript with en language strings only.
  • js/ The main JavaScript with ALL language strings.
  • js/ An experimental ECMAScript 2015 / ES6 Module version.
  • langs/ Just ALL language strings itself.
  • langs/{locale}.js Just the {locale} language strings.

Basic Example

<!DOCTYPE html>
        <meta charset="utf-8" />

        <link type="text/css" rel="stylesheet" href="css/" />
        <script type="text/javascript" src="js/"></script>
        <!-- <script type="text/javascript" src="langs/{lang}.js"></script> -->

            <option>My Option</option>

        <script type="text/javascript">
            document.addEventListener("DOMContentLoaded", function(){
      "select", { /* Your Options */ });


Default Usage

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.