Ciao SkyBlu leggo ora la tua risposta, con quanto fatto fino ad ora non necessito di identificare le regioni...

es:
codice:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
		$(document).ready(function() {
			$('#switch').click(function() {
				var select = $('<select />').change(function() {
					if(this.selectedIndex > 0) location.href = $(this).val();
				}).append('<option value="">Selezionare</option>').insertBefore('#links');
				
				$('#links div').each(function() {
					select.append('<option value="' + $(this).attr('href') + '">' + $(this).html() + '</option>');
				});
				
				$('#links, #switch').hide();
			});
		});
    </script>
	<button id="switch">Trasformazione!</button>
	

<ul id="links">
<li data-id='40'>
<div class='region-info' data-id='40'>ABRUZZO</div>
	<ul>
	<li data-id='73'><div class='region-info' data-id='73'>L'AQUILA</div>
	<li data-id='92'><div class='region-info' data-id='92'>PESCARA</div>
	<li data-id='106'><div class='region-info' data-id='106'>TERAMO</div>
	[/list]
con quanto scritto sopra ottengo la select con solo le regioni...

l'identificativo per le province, si potrei metterlo però so che con jquery c'è modo di leggere parecchio nel codice per cui, anche se non so come fare, mi basterebbe prendere il relativo UL della regione selezionata per fare la seconda select...