JSFiddle - React, Tailwind, and code Playground

by afarris

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/resources/dojo.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<button id="swapButton" dojoType="dijit.form.Button" type="button">Swap States</button>
<select dojoType="dijit.form.FilteringSelect" id="stateFilter" name="state">

JavaScript

dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.Button");
dojo.require("dojo.data.ItemFileReadStore");

dojo.ready(function () {
    
    var state1 = new dojo.data.ItemFileReadStore({
        data: {
            id: "state1",            
            items: [{
                name: "Colorado",
                value: "CO"
            }, {
                name: "Connecticut",
                value: "CT"
            }, {
                name: "Delaware",
                value: "DE"
            }]
        }
    });

    var state2 = new dojo.data.ItemFileReadStore({
        id: "state2",
        data: {
            items: [{
                name: "California",
                value: "CA"
            }, {
                name: "Alaska",
                value: "AK"
            }, {
                name: "Arkansas",
                value: "AR"
            }]
        }
    });
    
    dijit.byId('stateFilter').set("store", state1);
    dijit.byId("stateFilter").set("value", "0");

    dojo.connect(dojo.byId('swapButton'), 'onclick', function () {
        if (dijit.byId('stateFilter').get("store")==state1){
            dijit.byId('stateFilter').set("store", state2);
            dijit.byId("stateFilter").set("value", "0");
        } else {
            dijit.byId('stateFilter').set("store", state1);
            dijit.byId("stateFilter").set("value", "0");
        }
    });

});