JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<select id="mySelect">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>
<button id="removeOpt">Remove all options</button>

JavaScript

$(function() {
    $("#mySelect" ).selectmenu({'width': 'auto'});
    $('#removeOpt').on("click",removeAllPotions);
    
    function removeAllPotions(event){
        try{
            $('#mySelect').children().remove();
            $("#mySelect" ).selectmenu("refresh");
        }catch(err) {
            alert(err.message);
        }
    }
});