JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

Select One
<select>
    <option>Item1</option>
    <option>Item2</option>
    <option>Item3</option>
    <option class="hidden">Item4</option>
    <option class="hidden">Item5</option>
    <option class="hidden">Item6</option>
    <option class="hidden">Item7</option>
    <option class="more">More</option>
    <option></option>
</select>

CSS

.hidden {
    display: none;
}

JavaScript

$('select').change(function () {
    var $select = $(this);
    if ($select.val() == "More") {
        $('.more').hide().prevAll('.hidden').show();
        $select.val('');
    }
});