JSFiddle - React, Tailwind, and code Playground

by amiramix

HTML

<script src="http://amd.egoworx.com/package/dgrid-0.3.3.js"></script>
<script src="http://amd.egoworx.com/package/put-selector-0.3.2.js"></script>
<script src="http://amd.egoworx.com/package/xstyle-0.0.5.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<div class="claro">
<input id="stateSelect">
<p>
    <button onClick="alert(dijit.byId('stateSelect').get('value'))">Get value</button>
    </p>
</div>

JavaScript

require([
    "dojo/ready", "dojo/store/Memory", "dijit/form/ComboBox"
    ], function(ready, Memory, ComboBox) {
    var stateStore = new Memory({
        data: [
            {
            name: "Alabama",
            id: "AL"},
        {
            name: "Alaska",
            id: "AK"},
        {
            name: "American Samoa",
            id: "AS"},
        {
            name: "Arizona",
            id: "AZ"},
        {
            name: "Arkansas",
            id: "AR"},
        {
            name: "Armed Forces Europe",
            id: "AE"},
        {
            name: "Armed Forces Pacific",
            id: "AP"},
        {
            name: "Armed Forces the Americas",
            id: "AA"},
        {
            name: "California",
            id: "CA"},
        {
            name: "Colorado",
            id: "CO"},
        {
            name: "Connecticut",
            id: "CT"},
        {
            name: "Delaware",
            id: "DE"}
        ]
    });

    ready(function() {
        var comboBox = new ComboBox({
            id: "stateSelect",
            name: "state",
            value: "California",
            store: stateStore,
            searchAttr: "name"
        }, "stateSelect");
    });
});