Taxonomias por fuera con <ul> o input

[matibrufal]

Hola que tal ? Quería saber si me podían ayudar en el siguiente inconveniente que estoy teniendo. Necesito desplegar las taxonomias en distintas ubicaciones dentro de un div. Digamos que al seleccionar un País tendría que salir sus provincias, y al seleccionar una provincia sus ciudades, pero en listas o selects que esten por fuera.

Yo despliego la taxonomía ubicación con el siguiente código:

Código:

<?php wp_list_categories('taxonomy=ubicacion&title_li=0&orderby=parent'); ?>

Esto me despliega las categorias de la siguiente manera:

Código:

<ul>
     <li>Argentina
          <ul>
                 <li>Buenos Aires</li>
          </ul>
     </li>
     <li>Chile</li>
</ul>

Lo que necesito es estas taxonomías se desplieguen por fuera.

Código:

<ul>
     <li>Argentina</li>
     <li>Chile</li>
</ul>

<ul>
        <li>Buenos Aires</li>
</ul>

La idea es conseguir el siguiente efecto, ya sea con <ul> o con un select: