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.
