I am not sure how to change the seleted boxes into a drop down manu

[jacksonH]

Hi I have been working on this task for two days and I am at the dead end.

I have a selected boxes for currency, but I want to change them into a drop down manu.  I am so sorry to ask this question as I know it may be too easy for you.  But I really don't know how to begin.  Thankss

 

 

My tpl is as follow:

 

<script type="text/javascript" src="{$module_dir}blockcurrencies.js"></script>

<div id="currencies_block_top">

<form id="setCurrency" action="{$request_uri}" method="post">

<ul>

{foreach from=$currencies key=k item=f_currency}

<li {if $id_currency_cookie == $f_currency.id_currency}class="selected"{/if}>

<a href="javascript:setCurrency({$f_currency.id_currency});" title="{$f_currency.name}">{$f_currency.sign}</a>

</li>

{/foreach}

</ul>

<p>

<input type="hidden" name="id_currency" id="id_currency" value=""/>

<input type="hidden" name="SubmitCurrency" value="" />

{l s='Currency' mod='blockcurrencies'}

</p>

</form>

</div>