JSFiddle - React, Tailwind, and code Playground

HTML

<select id="GroupsViewGroups" data-placeholder="Select a Group" class="chzn-select"  tabindex="2">        
    <option value="1">Cat</option> 
    <option value="2">Dog</option> 
    <option value="3">Mouse</option> 
</select>

<button type="button" id="bNext">Next</button>

JavaScript

$(".chzn-select").chosen(); /* Doesn't work anymore */

$('#bNext').unbind("click").click(function() {
    var index = $("#GroupsViewGroups").prop("selectedIndex");
    index += 1;

    $('#GroupsViewGroups option').eq(index).attr('selected', 'selected');
    $('#GroupsViewGroups').change();
});