Jquery flexselect

 Jquery flexselect

Flexselect is a jquery plugin that transforming select boxes into flex-matching
incremental-findings controls. This one using Liquidmetal scoring algorithm
to sort the selection

installing steps

We can load the default styles, jQuery, the LiquidMetal scoring algorithm, and the plugin.

Please note : Load the stylesheets before the javascript

<link rel="stylesheet" href="flexselect.css" type="text/css" media="screen" />
<script src="jquery.min.js" type="text/javascript"></script>
<script src="liquidmetal.js" type="text/javascript"></script>
<script src="jquery.flexselect.js" type="text/javascript"></script>

By writing the below code we can convert the selectboxes into flexboxes

jQuery(document).ready(function() {
  $("select.flexselect").flexselect();
});
<select class="flexselect">
  <option value="1">George Washington</option>
  <option value="2">John Adams</option>
  <option value="3">Thomas Jefferson</option>
  ...
</select>

Include the class ‘flexselect’ for transforming the selectbox into flexbox.