The code uses the code from one of the comments in your StackOverflow question, but after you select one, the value in the combox isn't formatted correctly.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Query State Info without Map</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.8/js/dojo/dijit/themes/claro/claro.css" />
<script src="http://js.arcgis.com/3.10/"></script>
<script>
require([
"esri/tasks/query", "esri/tasks/QueryTask",
"dojo/dom", "dojo/on", "dojo/store/Memory", "dijit/form/ComboBox", "dojo/_base/declare", "dojo/parser", "dojo/domReady!"
], function (Query, QueryTask, dom, on, Memory, ComboBox, declare, parser) {
parser.parse();
var queryTask = new QueryTask("http://webmap.psrc.org/arcgis/rest/services/TIPwebMap/MapServer/0");
var query = new Query();
query.returnGeometry = false;
query.outFields = ["Sponsor", "ProjectTitle", "SponProjTitle"];
query.orderByFields = ["SponProjTitle ASC"];
query.where = "SponProjTitle <> ''";
queryTask.execute(query, showResults);
function showResults(results) {
var data = [];
var resultCount = results.features.length;
for (var i = 0; i < resultCount; i++) {
var featureAttributes = results.features.attributes;
var item = {};
item.name = "<b>" + featureAttributes["Sponsor"] + "</b> - " + featureAttributes["ProjectTitle"];
item.id = featureAttributes["SponProjTitle"];
data.push(item);
}
var dataStore = new Memory({ data: data });
var MyComboBox = declare("dijit/form/MyComboBox", ComboBox, {
_getMenuLabelFromItem: function (/*Item*/ item) {
var label = this.inherited(arguments)
label.html = true
return label
}
});
var comboBox = new MyComboBox({
id: "mySelect",
value: "Select or Type Project Title",
store: dataStore,
forceValidOption: false,
autoComplete: true
}, "mySelect").startup();
}
});
</script>
</head>
<body class="claro">
<!--US state name :-->
<!--<input type="text" id="stateName" value="California">-->
<input id="execute" type="button" value="Populate Combobox">
<br />
<br />
<select id="mySelect"></select>
</body>
</html>
