JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="btn-hide" value="hide"/>
<input type="button" id="btn-show" value="show"/>
    <br/>
    <br/>
<select class="a">
    <option disabled="disabled" value="1">One a</option>
     <option value="2">Two</option>
 </select>
<select class="b">
    <option value="1">One b</option>
     <option disabled="disabled" value="3">Three</option>
 </select>

JavaScript

(function($){
    $.fn.extend({hideOptions: function() {
        var s = this;
        return s.each(function(i,e) {
            var d = $.data(e, 'disabledOptions') || [];
            $(e).find("option[disabled=\"disabled\"]").each(function() {
                d.push($(this).detach());
            });
            $.data(e, 'disabledOptions', d);
        });
    }, showOptions: function() {
        var s = this;
        return s.each(function(i,e) {	    
            var d = $.data(e, 'disabledOptions') || [];
            for (var i in d) {
                $(e).append(d[i]);
            }
        });
    }});    
})(jQuery);

// example
$('#btn-hide').click(function() {
    $('select').hideOptions();
});
$('#btn-show').click(function() {
    $('select').showOptions();
});