JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css">
<h1>Select a state</h1>
<div id="stateSelect"></div>
<div id="textbox"></div>
<select data-dojo-type="dijit/form/ComboBox" id="fruit" name="fruit">
<option>Apples</option>
<option selected>Oranges x<img src="https://jupiter.jewelry.acn:8443/jupiter/image/button_cancel_inactive.gif"/>x </option>
<option>Pears</option>
</select>
JavaScript
require(['dojo/data/ItemFileReadStore', 'dijit/form/ComboBox', 'dijit/form/TextBox'], function(ItemFileReadStore, ComboBox, TextBox) {
var store = new ItemFileReadStore({
data: {
identifier: "name",
items: [
{name:"Alabama <b>hi</b>", 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"}
]
}
});
var comboBox = new ComboBox({
id: "stateSelect",
name: "state",
value: "-- Select --",
store: store,
searchAttr: "name"
}, "stateSelect");
var textBox = new TextBox({}, "textbox");
comboBox.on("Change", function(value){
var id = store.getValue(comboBox.item, "id");
var name = store.getValue(comboBox.item, "name");
textBox.set('value', id + " - " + name);
});
});