JSFiddle - React, Tailwind, and code Playground

by mcgrailm

HTML

<select name="foo" id="myselect">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
    </select>
    <input type="checkbox" id="mycheckbox" />

JavaScript

$('#mycheckbox').change(function() {
        $("#myselect option:lt(5)").toggle();
        if( $('#myselect option:lt(5)').is(":hidden") ){
            $("#myselect option:eq(5)").attr('selected','selected');
        }else{
            $("#myselect option:eq(0)").attr('selected','selected');
        }
    });