title: How can I use <ul> list instead of <select> dropdown for the languages switcher?
body: <p>I use <code>msDropDown</code> to convert the <code>&lt;select&gt;</code> to <code>&lt;ul&gt;</code> list for languages switcher. But the problem is that with this jQuery plugin, the select takes a long time to load after page loaded.</p>
  
  <p>So, how can I use a <code>ul</code> list rather than <code>select</code>?</p>
  
  <p>This is my select code:</p>
  
  <pre><code>&lt;select name="lang" class="language" onchange="location.href='index.php?lang='+this.value+''.$trackpage.'"&gt;
      &lt;option name="lang" data-image="style/lang/de.png" value="de"&gt;Deutsch&lt;/option&gt;
      &lt;option name="lang" data-image="style/lang/en.png" value="en" selected="selected"&gt;English&lt;/option&gt;
      &lt;option name="lang" data-image="style/lang/es.png" value="es"&gt;Espanol&lt;/option&gt;
      &lt;option name="lang" data-image="style/lang/fr.png" value="fr"&gt;Francais&lt;/option&gt;
      &lt;option name="lang" data-image="style/lang/it.png" value="it"&gt;Italiano&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I tried with:</p>
  
  <pre><code>&lt;ul onchange="location.href='index.php?lang='+this.value+'"&gt;
      &lt;li&gt;
          &lt;a href="" name="lang" data-image="style/lang/de.png" value="de"&gt;English&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>but <code>value</code> and <code>onchange</code> is not supported by <code>ul</code> and <code>a</code>.<br>
  Is there a way to make <code>ul</code> works with the <code>select</code> attributes?</p>
  
  <p>Thank you! And sorry for my bad English!</p>