title: Need JSON in dropdown to open another webpage
body: <p>My dropdown is filled by a JSON file &quot;<em>its fetched</em>&quot; and I would like each Area when selected to go to the URL, I have no idea how to accomplish this. Is JS required to activate the URL, onclick event?</p>
  <p><strong>HTML:</strong></p>
  <pre><code>&lt;div class=&quot;btn-group&quot;&gt;
        &lt;ul&gt;
            &lt;select class=&quot;form-select&quot; id=&quot;locality-dropdown&quot; name=&quot;locality&quot;&gt;
             &lt;/select&gt;
        &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  <p><strong>JSON</strong></p>
  <pre><code>[
  {
      &quot;area&quot;: &quot;Central&quot;,
      &quot;url&quot;: &quot;https://www.usps.com/&quot;
  },
  {
      &quot;area&quot;: &quot;Southern&quot;,
      &quot;url&quot;: &quot;https://www.usps.com/&quot;
  },
  {
      &quot;area&quot;: &quot;WestPac&quot;,
      &quot;url&quot;: &quot;https://www.usps.com/&quot;
  }
  ]
  </code></pre>
  <p><strong>JS</strong></p>
  <pre><code>let dropdown = document.getElementById('locality-dropdown');
          dropdown.length = 0;
          
          let defaultOption = document.createElement('option');
          defaultOption.text = 'Atlantic';
          
          dropdown.add(defaultOption);
          dropdown.selectedIndex = 0;
          
          const url = 'http://mlamannadev.com/Stuff/AreaDroDown.json';
          
          fetch(url)  
            .then(  
              function(response) {  
                if (response.status !== 200) {  
                  console.warn('Looks like there was a problem. Status Code: ' + 
                    response.status);  
                  return;  
                }
          
                // Examine the text in the response  
                response.json().then(function(data) {  
                  let option;
              
                  for (let i = 0; i &lt; data.length; i++) {
                    option = document.createElement('option');
                      option.text = data[i].area;
                    
                      dropdown.add(option);
                  }    
                });  
              }  
            )  
            .catch(function(err) {  
              console.error('Fetch Error -', err);  
            });
  </code></pre>