title: How to convert unordered list into nicely styled <select> dropdown using jquery?
body: <p>How do I convert an unordered list in this format</p>
  
  <pre><code>&lt;ul class="selectdropdown"&gt;
      &lt;li&gt;&lt;a href="one.html" target="_blank"&gt;one&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="two.html" target="_blank"&gt;two&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="three.html" target="_blank"&gt;three&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="four.html" target="_blank"&gt;four&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="five.html" target="_blank"&gt;five&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="six.html" target="_blank"&gt;six&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="seven.html" target="_blank"&gt;seven&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>into a dropdown in this format</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="one.html" target="_blank"&gt;one&lt;/option&gt;
      &lt;option value="two.html" target="_blank"&gt;two&lt;/option&gt;
      &lt;option value="three.html" target="_blank"&gt;three&lt;/option&gt;
      &lt;option value="four.html" target="_blank"&gt;four&lt;/option&gt;
      &lt;option value="five.html" target="_blank"&gt;five&lt;/option&gt;
      &lt;option value="six.html" target="_blank"&gt;six&lt;/option&gt;
      &lt;option value="seven.html" target="_blank"&gt;seven&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>using jQuery?</p>
  
  <p><em>Edit:</em> When selecting an entry from the select/dropdown the link should open in a new window or tab automatically. I also want to able to style it like: <a href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/" rel="noreferrer">http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/</a></p>