JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
<link rel="stylesheet" href="http://view.jqueryui.com/selectmenu/themes/base/jquery.ui.all.css">        
<script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.core.js"></script>     
<script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.widget.js"></script>     
<script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.position.js"></script>     
<script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.button.js"></script>     
<script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.menu.js"></script>     
<script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.selectmenu.js"></script>
        
    </head>
    <body>
        <select name="speed" id="speed">
            <option value="Slower">Slower</option>
            <option value="Slow">Slow</option>
            <option value="Medium" selected="selected">Medium</option>
            <option value="Fast">Fast</option>
            <option value="Faster">Faster</option>
        </select>
        
        <input type="button" value="click">
    </body>
</html>

CSS

body {
    font-size: 10px;   
}

JavaScript

$(function() {
    $('select#speed').selectmenu();
    
    $('select#speed').show();
    
    $('[type=button]').click(function(){
    
        $('select#speed').val("Slower");
    
    })
});