title: Opening a new tab on select change - only works in Chrome
body: <p>I have a regular <code>select</code> element:</p>
  
  <pre><code>&lt;div id="standings-listing"&gt;
      &lt;select&gt;
          &lt;option value="0"&gt;please select&lt;/option&gt;
          &lt;option value="1"&gt;one&lt;/option&gt;
          &lt;option value="2"&gt;two&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My client, despite my attempts to convince them otherwise, wants the site to open a page in a new tab every time a user changes the value of the element.</p>
  
  <pre><code>$('#standings-listing').on('change', 'select', function(){
          if($(this).val() &gt; 0)
              $('&lt;a href="/league/standings/'+$(this).val()+'" target="blank"&gt;&lt;/a&gt;')[0].click();
      });
  </code></pre>
  
  <p>The above hacky lump of code works in Chrome, but in Firefox it doesn't, and apparently neither does it work on most phone browsers. Big surprise.</p>
  
  <p>Anyway, I have confirmed that the event itself fires, so opening the new tab is where the problem lies. For example, this works the same in all browsers:</p>
  
  <pre><code>$('#standings-listing').on('change', 'select', function(){
          console.log('My boss wants me to hack the internet');
      });
  </code></pre>
  
  <p>Is there a way to make this work cross-browser or should I just go back to trying to convince them not to try this at all?</p>
  
  <p>EDIT: when I use window.open(url, '_blank') instead of creating a link, I get this:</p>
  
  <p><a href="https://i.stack.imgur.com/rnBTZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rnBTZ.png" alt="enter image description here"></a></p>