JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.0/dojo/resources/dojo.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.9.0/dijit/themes/claro/claro.css">
<select id="select1" data-dojo-type="dijit/form/Select" data-dojo-props="labelType:'text'" style="width:150px;"></select>
CSS
html, body {
width: 100%;
height: 100%;
}
JavaScript
require([
"dojo/ready",
"dojo/_base/lang",
"dijit/registry"], function (
ready,
lang,
registry) {
ready(function () {
var select1 = registry.byId("select1");
option1 = {
value: "o1",
label: "option 1",
selected: false
};
option2 = {
value: "o2",
label: "option 2",
selected: true
};
option0 = {
value: "o",
label: "<nav asdasd>",
selected: false
};
select1.addOption(lang.clone(option1));
select1.addOption(lang.clone(option2));
select1.addOption(lang.clone(option0));
});
});