javascript!

<li style="width:175px;" id="abreNomeFundo">
<a href="<?php echo $fundoEscolhido ?>"><?php echo $fundoEscolhido ?></a>
<ul>
 <?php
 $query = "SELECT id, nome FROM pwsFundo WHERE idIdioma = $idiomaAtual";
 $bd->query($query);
 while($nomeFundo = $bd->proximaLinha()):
 ?>
 <li style="background-image:none;"><a href="<?php echo $nomeFundo["id"] ?>"><?php echo $nomeFundo["nome"] ?></a></li>
 <?php endwhile; ?>
 <input name="fundoEscolhido" type="hidden" id="fundoEscolhido" />
</ul>
</li>

Bem a minha duvida é:

Quando o usuário clicar no $nomeFundo["nome"] que esta no <li> (na nona linha), mostrar na segunda linha no lugar do $fundoEscolhido fora do <a href="<?php echo $fundoEscolhido ?>">. E quero usar o javascript para isso. Por isso estou usando o hidden.