title: create dynamic dropdown menu using an map of strings
body: <p>html will look like</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-xs-12 col-sm-3 col-md-3"&gt;
      &lt;label&gt;Status&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="col-xs-12 col-sm-3 col-md-3"&gt;
      &lt;div class="input-group"&gt;
       &lt;div class="input-group-addon"&gt;
        &lt;i class="fa fa-filter"&gt;&lt;/i&gt;
       &lt;/div&gt;
        
       &lt;select class="form-control pull-right" name="status" id="status" tabindex="2"&gt;
    &lt;option value="1"&gt;Enable&lt;/option&gt;
                  &lt;option value="0"&gt;Disable&lt;/option&gt;
              &lt;/select&gt;
          
              &lt;select class="form-control pull-right" name="status_reason" id="status_reason" tabindex="2"&gt;
            &lt;option value=""&gt;&lt;/option&gt;
            &lt;option value=""&gt;&lt;/option&gt;
                   &lt;option value=""&gt;&lt;/option&gt;
            &lt;option value=""&gt;&lt;/option&gt;
              &lt;/select&gt;
        
      &lt;/div&gt;&lt;!-- /.input group --&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>After user selects status from status dropdown box that is either enabled or disabled one more dropdown should be displayed(i.e status_reason dropdown) depending on selection of status dropdown. The dynamic values will be there stored in a map containing string as key and value.</p>