title: onclick redirect to different url
body: <p>I am creating a pulldown menu that pushes the user to a selected url. In the list i have several values that are set at 0 which i use for headers in the list. I have set them to 0 so they do nothing.</p>
  
  <p>This works for the first one in the list which has a value of 0 but the others that do have a value of 0 still redirects the browser to a new website with the same domain and /0 at the end? What am i missing?</p>
  
  <pre><code>&lt;select onchange="if (this.selectedIndex &gt; 0) document.location.href=this.value;"&gt;
  &lt;option value="0" selected="selected"&gt;More...&lt;/option&gt;
  &lt;option value="0"&gt;----- Locations  -----&lt;/option&gt;
  &lt;option value="http://www.location1.com/"&gt;location1&lt;/option&gt;
  &lt;option value="http://www.location2.com/"&gt;location2&lt;/option&gt;
  &lt;option value="http://www.location3.com/"&gt;location3&lt;/option&gt;
  &lt;option value="0"&gt;----- Other Locations  -----&lt;/option&gt;
  &lt;option value="http://www.olocation1.com/"&gt;olocation1&lt;/option&gt;
  &lt;option value="http://www.olocation2.com/"&gt;olocation2&lt;/option&gt;
  &lt;option value="http://www.olocation3.com/"&gt;olocation3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>