[javascript] & [html] - completamento automatico

[x-t]

Salve a tutti!
Dovrei realizzare una pagina web con una list-box con autocompleter... E fin qui tutto facile (W scriptacolous ). Il problema si è posto nel momento in cui ho voluto realizzare qualcosina di più articolato...
Prendiamo come esempio il completamento automatico di google:

Nella colonna di sinistra ci sono i veri suggerimenti, mentre a destra vi sono delle informazioni aggiuntive(nel caso di google il numero di risultati). Però, selezionando con la tastiera il risultato, viene riportato nella text area soltato il "vero suggerimento"... Come faccio a incorporare queste informazioni aggiuntive?
Supponiamo ad esempio di incorporare città e, come informazione aggiuntiva, la regione:
Roma (Lazio)
Milano (Lombardia)
Palermo (Sicilia)
ecc...
Nel caso semplice invierei alla list-box questo codice:

<ul>
<li>Roma<li>
<li>Milano<li>
<li>Palermo<li>
</ul>

Dove il codice del foglio di stile associato ai risultati è del seguente tipo:

<style type="text/css">
input{	font-family:Verdana;        font-size:10px;	width:170px;    }  
div.campo{	font-family:Verdana;        font-size:10px;  }    
div.boxsuggerimenti {      font-family:Verdana;      font-size:10px;      position:absolute;      background-color:white;      border:1px solid #888;      margin:0px;      padding:0px;    text-align:left;}    
div.boxsuggerimenti ul {      list-style-type:none;      margin:0px;      padding:0px;    }    
div.boxsuggerimenti ul li.selected { background-color: #C2EBEF;}    
div.boxsuggerimenti ul li {      list-style-type:none;      display:block;      margin:0;      padding:1px;      cursor:pointer;      border-bottom:1px solid #888;    }
</style>

E volendo aggiungere dei risultati aggiuntivi? Come faccio? Bisogna utilizzare forse qualche tag che non conosco?
Sarò grato a vita a chi mi risponderà

[bio n3t]

non ne sono sicuro quindi probabilmente sto per dire una cazzata:
non è lo stesso funzionamento delle combobox? nel senso che puoi impostare ciò che verrà visualizzato nel menù, ma una volta selezionato, il valore vero e proprio sarà quello del campo value="". tipo questo codice:

<select name="cmbMenu" id="cmbMenu">
<option value="Roma (Lazio)">Roma</option>
<option value="Milano (Lombardia)">Milano</option>
<option value="Torino (Piemonte)">Torino</option>
</select>

ho detto una fregnaccia vero?

PS: ho trovato QUESTA pagina che penso parli di ciò che cerchi. o anche QUI