Filter Template Web Application -- Creating Drop Down Menu as filter

Discussion created by mmorisette on Oct 16, 2013
Latest reply on Oct 28, 2016 by mwalter2.optum

I am a GIS Technician working for the City of Fayetteville, AR.

We are trying to use the Filter Template Web App to allow a user to dynamically show different types of businesses in the city.  I was asked if I could change the input box for the dynamic filter so that it shows as a drop-down menu of the various groupings of businesses we have, instead of the text box that goes there by default.  Does anybody know of a process to accomplish this?  Is there a good way to accomplish this through other means?

It seems simple in theory, but what's actually in the code is way over my head.  I have a very limited knowledge of javascript (and coding in general), but am the best in the office for the task.  I downloaded the code, and found this from lines 104-111 of "layout.js":
 *  Build the filter dialog including explanatory text and add a submit button for each filter group. 
    var filterContainer = dojo.create("div",{
      id: "container",
      className: options.i18n.isRightToLeft ? 'esriRtl' : 'esriLtr',
      innerHTML: options.filterInstructions ||  options.i18n.viewer.filterInstructions

I'm guessing this is the part where it makes the input box, but I have no clue how to get this to become a menu.  Any help would be much appreciated.