Latest Contributions by JacobTodd2

Hi Robert, Thank you for your suggestion. My next question is; once the first value is chosen and you set the where clause for the second query, do you repeat the same steps for the second dropdown that you did for the first? Below is my code: require([         "esri/Map",         "esri/views/MapView",         "esri/layers/FeatureLayer",         "dojo/on",         "dojo/dom",         "dojo/dom-construct",         "dojo/domReady!" ],       function (         Map, MapView,         FeatureLayer,         on, dom, domConstruct       ) {           var statesURL = "https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3"           var subRegionSelect = dom.byId("subRegion");           var stateNameSelect = dom.byId("stateName");                     var statesLayer = new FeatureLayer({               url: statesURL,               outFields: ["SUB_REGION", "STATE_NAME"],               visible: false           });           var map = new Map({               basemap: "gray",               layers: [statesLayer]           });           var view = new MapView({               container: "viewDiv",  // Reference to the scene div created in step 5               map: map,  // Reference to the map object created before the scene               zoom: 4,  // Sets the zoom level based on level of detail (LOD)               center: [-96.01956, 39.967514] // Sets the center point of view in lon/lat           });           view.then(function () {               return statesLayer.then(function () {                   var subRegionQuery = statesLayer.createQuery();                   return statesLayer.queryFeatures(subRegionQuery);               });           })                 .then(getValues)                 .then(getUniqueValues)                 .then(addToSelect);           // return an array of all the values in the           // SUB_REGION field of the states layer           function getValues(response) {               var features = response.features;               var values = features.map(function (feature) {                   return feature.attributes.SUB_REGION;               });               return values;           }           // return an array of unique values in           // the SUB_REGION field of the states layer           function getUniqueValues(values) {               var uniqueValues = [];               values.forEach(function (item, i) {                   if ((uniqueValues.length < 1 || uniqueValues.indexOf(item) === -1) && (item !== "")) {                       uniqueValues.push(item);                   }               });               console.log("'" + uniqueValues + "'");               return uniqueValues;           }           // Add the unique values to the subregion           // select element. This will allow the user           // to filter states by subregion.           function addToSelect(values) {               values.sort();               values.forEach(function (value) {                   var option = domConstruct.create("option");                   option.text = value;                   subRegionSelect.add(option);               });               return setSubRegionDefinitionExpression(subRegionSelect.value);           }           function setSubRegionDefinitionExpression(newValue) {               statesLayer.definitionExpression = "SUB_REGION = '" + newValue + "'";               if (!statesLayer.visible) {                   statesLayer.visible = true;               }               console.log(newValue)           }           on(subRegionSelect, "change", function (evt) {               var type = evt.target.value;               setSubRegionDefinitionExpression(type)               //setStateNamenDefinitionExpression(type)           })       });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍   ... View more