title: Change iframe src onchange of dropdown value
body: <p>I am able to change the source of an iframe very easily with a "button" click.  But no matter what I try, I can't make the same happen with the use of a dropdown.</p>
  
  <p>This works:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  
  &lt;a href="google.com" target="iframe"&gt;google&lt;/a&gt;
  
  &lt;iframe name="iframe" src="yahoo.ca"&gt;&lt;/iframe&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But this does not:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;form name="change"&gt;
  &lt;select name="options" target="iframe"&gt;
  &lt;option&gt;&lt;a href="google.com" target="iframe"&gt;google&lt;/a&gt;&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  
  &lt;iframe name="iframe" src="yahoo.ca"&gt;&lt;/iframe&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any advice would be greatly appreciated.  I found other posts similar, but all involved the use of arrays - which I don't believe I should need?</p>