How to change Choose Catalog Drop Down to List

[MonicaFord]

Hi folks want to change 'Choose Catalog' Drop Down to List.

This

  <div class="screenlet-body">
    <form name="choosecatalogform" method="post" action="<@ofbizUrl>main</@ofbizUrl>">
      <select name='CURRENT_CATALOG_ID' class='selectBox' onchange="submit()">
        <option value='${currentCatalogId}'>${currentCatalogName}</option>
        <option value='${currentCatalogId}'></option>
        <#list catalogCol as catalogId>
          <#assign thisCatalogName = Static["org.ofbiz.product.catalog.CatalogWorker"].getCatalogName(request, catalogId)>
          <option value='${catalogId}'>${thisCatalogName}</option>
        </#list>
      </select>
    </form>
  </div>

to something like

    <ul class="browsecategorylist">
      <#assign count_1=0/>
      <@loopSubContent contentId=contentRootId viewIndex=0 viewSize=9999 orderBy="contentName">
        <li class="browsecategorytext">
          <a href="<@ofbizUrl>showcontenttree?contentId=${subContentId}&nodeTrailCsv=${subContentId}</@ofbizUrl>" class="browsecategorybutton">${content.contentName}
        </li>
        <#assign count_1=(count_1 + 1)/>
      </@loopSubContent>
    </ul>

[MonicaFord]

I want to change Catalog Drop Down to List of Catalog. I tried below but unable to make proper link to as in Drop Down.
 
<div class="screenlet-body">
    <form name="choosecatalogform" method="post" action="<@ofbizUrl>main</@ofbizUrl>">
      <select name='CURRENT_CATALOG_ID' class='selectBox' onchange="submit()">
        <option value='${currentCatalogId}'>${currentCatalogName}</option>
        <option value='${currentCatalogId}'></option>
        <#list catalogCol as catalogId>
          <#assign thisCatalogName = Static["org.ofbiz.product.catalog.CatalogWorker"].getCatalogName(request, catalogId)>
          <option value='${catalogId}'>${thisCatalogName}</option>
        </#list>
      </select>
    </form>
  </div>
 
Below code I am trying to work.
 
  <div class="screenlet-body">
  <form name="choosecatalogform" method="post" action="<@ofbizUrl>main</@ofbizUrl>">
      <ul name='CURRENT_CATALOG_ID' class='selectBox' onchange="submit()">
         <#list catalogCol as catalogId>
           <#assign thisCatalogName = Static["org.ofbiz.product.catalog.CatalogWorker"].getCatalogName(request, catalogId)>
                <li>${thisCatalogName}</li> 
         </#list> 
      </ul> 
  </form>
  </div>

[MonicaFord]

Hi, need some help for this

  <div class="screenlet-body">
    <ul>
        <#list catalogCol as catalogId>
          <#assign thisCatalogName = Static["org.ofbiz.product.catalog.CatalogWorker"].getCatalogName(request, catalogId)>
          <li>${thisCatalogName}</li>
        </#list>
    </ul>
  </div>

I am able to create list like below but unable to make links.

Demo Catalog
Test Catalog
Google Catalog
eBay Catalog