Preparation Code Preparation HTML (this will be inserted in the <body> of a valid HTML5 document in standards mode) <link href ="//raw.github.com/harvesthq/chosen/master/chosen/chosen.css" rel ="stylesheet" />
<link href ="//raw.github.com/ivaynberg/select2/master/select2.css" rel ="stylesheet" />
<link href ="//raw.github.com/JamieLottering/DropKick/master/dropkick.css"
rel ="stylesheet" />
<link href ="//raw.github.com/claviska/jquery-selectBox/master/jquery.selectBox.css" rel ="stylesheet" />
<div id ="container" > </div >
<script src ="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" > </script >
<script src ="//raw.github.com/harvesthq/chosen/master/chosen/chosen.jquery.min.js" > </script >
<script src ="//raw.github.com/ivaynberg/select2/master/select2.js" > </script >
<script src ="//raw.github.com/JamieLottering/DropKick/master/jquery.dropkick-1.0.0.js" > </script >
<script src ="//raw.github.com/claviska/jquery-selectBox/master/jquery.selectBox.min.js" > </script >
Setup JS select = $('<select></select>' ).appendTo ("#container" );
var i, length = 50 ;
for (i = 0 ; i < length; i++) {
select.append ('<option value="' + i + '">' + i + '</option>' );
}
Teardown JS
select.remove ();
$("#container" ).empty ();