JSFiddle - React, Tailwind, and code Playground

by Steve Thompson

HTML

<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script src="http://cdn3.devexpress.com/jslib/14.2.4/js/dx.webappjs.js"></script>
<link rel="stylesheet" href="http://cdn3.devexpress.com/jslib/14.2.4/css/dx.common.css">
<link rel="stylesheet" href="http://cdn3.devexpress.com/jslib/14.2.4/css/dx.light.css">
<div id="selectBox" style="width: 200px;"></div>

JavaScript

var selectBoxData = [{
    "name": "Alabama",
    "capital": "Montgomery"
}, {
    "name": "Alaska",
    "capital": "Juneau"
}, {
    "name": "Arizona",
    "capital": "Phoenix"
}];

$("#selectBox").dxSelectBox({
    dataSource: selectBoxData,
    valueExpr: 'capital',
    displayExpr: 'name'
});