jQuery Customselect Demos

HTML
<select id='standard' name='standard' class='custom-select'>
  <option value=''>None - Please Select</option>
  <option value='1'>abc</option>
  <option value='2'>bcd</option>
  <option value='3'>cde</option>
  <option value='4'>def</option>
  <option value='5'>efb</option>
</select>
          
JS
$(function() {
  $("#standard").customselect();
});
          

Standard





HTML
<select id='nosearch' name='standard' class='custom-select'>
  <option value=''>None - Please Select</option>
  <option value='1'>abc</option>
  <option value='2'>bcd</option>
  <option value='3'>cde</option>
  <option value='4'>def</option>
  <option value='5'>efb</option>
</select>
          
JS
$(function() {
  $("#nosearch").customselect({search: false});
});
          

No Search





HTML
<select id='hover' name='standard' class='custom-select'>
  <option value=''>None - Please Select</option>
  <option value='1'>abc</option>
  <option value='2'>bcd</option>
  <option value='3'>cde</option>
  <option value='4'>def</option>
  <option value='5'>efb</option>
</select>
          
JS
$(function() {
  $("#hover").customselect({
    search:     false,
    hoveropen:  true
  });
});
          

Open on hover and no search