Ho provato a migliorare un po' il codice ma non riesco a venirne fuori ....

<li class="sub2 topline" onclick="document.getElementById('choice').value=' Lombardia'"><a href="#">Lombardia</a>
<ul>
<li onclick="document.getElementById('choice').value=' Milano'"><a href="#" class="topline">Milano</a></li>
<li onclick="document.getElementById('choice').value=' Bergamo'"><a href="#">Bergamo</a></li>
<li onclick="document.getElementById('choice').value=' Pavia'"><a href="#">Pavia</a></li>
</ul>
</li>
<li><a href="#" class="sub2" onclick="document.getElementById('choice').value=' Piemonte'">Piemonte</a>
<ul>
<li><a href="#" class="topline">Torino</a></li>
<li><a href="#">Alessandria</a></li>
</ul>
</li>
</ul>
</li>

facendo cosi' se clicco su Lombardia o Piemonte, nel campo testo choice mi viene restituito il valore corretto, mentre se clicco su Milano / Pavia / Bergamo mi continua a rimanere memorizzato Lombardia .... come mai ???