JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<select name="searchuniversitycampus" id="searchuniversitycampus">
    <option>1</option>
    <option>2</option>
</select>
<a href="#" data-role="button" class="hide">Hide select</a>

<a href="#" data-role="button" class="show" data-theme="e">Show select</a>

JavaScript

$(document).on('click', '.hide', function () {
    //$("#searchuniversitycampus").closest('div.ui-select').empty();
    $("#searchuniversitycampus").closest('div.ui-select').hide();
});
$(document).on('click', '.show', function () {
    //$("#searchuniversitycampus").closest('div.ui-select').empty();
    $("#searchuniversitycampus").closest('div.ui-select').show();
});