Sumo Select Demo

Sumo Select Demo

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.min.js"></script>
<select id="island" class="SlectBox">
    <option value="7:00 AM">7:00 AM</option>
    <option value="7:00 AM">8:00 AM</option>
    <option value="7:00 AM">9:00 AM</option>
    <option value="10:00 AM">10:00 AM</option>
    <option value="11:00 AM">11:00 AM</option>
    <option value="12:00 AM">12:00 AM</option>
    <option value="1:00 AM">1:00 AM</option>
    <option value="1:00 AM">2:00 AM</option>
    <option value="1:00 AM">3:00 AM</option>
    <option value="1:00 AM">4:00 AM</option>
    <option value="1:00 AM">5:00 AM</option>
    <option value="1:00 AM">6:00 AM</option>
    
    <option value="7:00 AM">7:00 PM</option>
    <option value="7:00 AM">8:00 PM</option>
    <option value="7:00 AM">9:00 PM</option>
    <option value="10:00 AM">10:00 PM</option>
    <option value="11:00 AM">11:00 PM</option>
    <option value="12:00 AM">12:00 PM</option>
    <option value="1:00 AM">1:00 PM</option>
    <option value="1:00 AM">2:00 PM</option>
    <option value="1:00 AM">3:00 PM</option>
    <option value="1:00 AM">4:00 PM</option>
    <option value="1:00 AM">5:00 PM</option>
    <option value="1:00 AM">6:00 PM</option>
</select>

JavaScript

$(document).ready(function () {
            $('.SlectBox').SumoSelect();
             $('select.SlectBox')[0].sumo.enableItem(3);
     });