JSFiddle - React, Tailwind, and code Playground

HTML

<select name="list" id="l1">
    <option value="1" selected="selected" >1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="test">test</option>
    <option value="test2">test2</option>
</select>

CSS

option.disabled { opacity:0; }

JavaScript

//add class to disabled items
var len = $('option[value^="test"]').addClass('disabled');

//store default selected item value
$('#l1').data('selValue', $('#l1').val());

//monitor change events
$('#l1').change(function() {
    //if a disabled option is chosen then restore prev value
    if ($(this).children('option:selected').hasClass('disabled')) {
        $(this).val($(this).data('selValue'));
    }
    //otherwise store new value 
    $(this).data('selValue', $(this).val());
});