JSFiddle - React, Tailwind, and code Playground

by Scoobler

HTML

<script src="http://www.emposha.com/demo/fcbkcomplete_2/jquery.fcbkcomplete.min.js"></script>
<link rel="stylesheet" href="http://www.emposha.com/demo/fcbkcomplete_2/style.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
    <div id="myDialog"> 
        <h1>FCBKcomplete Demo</h1> 
        <form action="submit.php" method="POST" accept-charset="utf-8"> 
            <select id="select3" name="select3"> 
                <option value="test1">sleep</option> 
                <option value="test3">sport</option> 
                <option value="test3">freestyle</option> 
                <option value="2">Терешкова Валентина</option> 
            </select> 
            <br/> 
            <br/> 
            <input type="submit" value="Send"> 
        </form> 
    </div>
    <input type="button" id="trigger" value="Open Dialog" />

JavaScript

$("#myDialog").dialog({ 
        autoOpen: false,
        width: 550, 
        modal: true, 
        title: "FCBKcomplete Trial" 
    });
    $("#select3").fcbkcomplete({
        json_url: "/echo/json/",
        addontab: true,
        cache: true,
        height: 2                    
    });
    $("#trigger").click(function() {
       $("#myDialog").dialog('open'); 
    }).button();