il seguente codice js mi restituisce l'ID delle province, io vorrei che mi restituisse "pro_nome" ,cioè province=Chieti e non province=1
cosa devo cambiare nel codice js?

italia.js:

codice:
var XMLHTTP;

function Province(ID)
{
    if (parseInt(ID) > 0)
    {
        var url = "province.asp?id=" + ID;
        XMLHTTP = RicavaBrowser(CambioStatoProv);
        XMLHTTP.open("GET", url, true);
        XMLHTTP.send(null);
    }
    else
    {
        document.getElementById("ris_province").innerHTML = "";
    } 
}

function Comuni(ID)
{
alert(ID);

    if (parseInt(ID) > 0)
    {
        var url = "comuni.asp?id=" + ID;
        XMLHTTP = RicavaBrowser(CambioStatoCom);
        XMLHTTP.open("GET", url, true);
        XMLHTTP.send(null);
    }
    else
    {
        document.getElementById("ris_comuni").innerHTML = "";
    } 
}


function CambioStatoProv()
{
    if (XMLHTTP.readyState == 4)
    {
        var R = document.getElementById("ris_province");
        R.innerHTML = XMLHTTP.responseText;
    }
}

function CambioStatoCom()
{
    if (XMLHTTP.readyState == 4)
    {
        var R = document.getElementById("ris_comuni");
        R.innerHTML = XMLHTTP.responseText;
    }
}

function RicavaBrowser(QualeBrowser)
{
    if (navigator.userAgent.indexOf("MSIE") != (-1))
    {
        var Classe = "Msxml2.XMLHTTP";
        if (navigator.appVersion.indexOf("MSIE 5.5") != (-1));
        {
            Classe = "Microsoft.XMLHTTP";
        } 
        try
        {
            OggettoXMLHTTP = new ActiveXObject(Classe);
            OggettoXMLHTTP.onreadystatechange = QualeBrowser;
            return OggettoXMLHTTP;
        }
        catch(e)
        {
            alert("Errore: l'ActiveX non verrà eseguito!");
        }
    }
    else if (navigator.userAgent.indexOf("Mozilla") != (-1))
    {
        OggettoXMLHTTP = new XMLHttpRequest();
        OggettoXMLHTTP.onload = QualeBrowser;
        OggettoXMLHTTP.onerror = QualeBrowser;
        return OggettoXMLHTTP;
    }
    else
    {
        alert("L'esempio non funziona con altri browser!");
    }
}
form.asp:
codice:
<form name="italia" method="get" action="../cerca/">
                                  <td><table width="206" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td width="130"><select name="modello" id="immobile" size="1" tabindex="10" style="width:117px">
<option value="" selected>TUTTE LE TIPOLOGIE</option>
<option value="appartamento">Appartamento</option>
<option value="villetta">Villetta</option>
</select>

<select name="regioni" onchange="Province(this.value)">
<option value=""></option>
<%
    Dim SQL
    SQL = "SELECT * FROM regioni ORDER BY reg_nome ASC"
    rs.Open SQL, cn, 1
    While rs.EOF = False
%>
<option value="<%=rs("reg_id")%>"><%=rs("reg_nome")%></option>
<%
        rs.MoveNext
    Wend
    rs.Close
%>
</select>

<div id="ris_province">
<select name="province" onchange="Comuni(this.value)">
<option value=""></option>
<%
    Dim SQL1
    SQL1 = "SELECT * FROM province ORDER BY pro_nome ASC"
    rs.Open SQL1, cn, 1
    While rs.EOF = False
%>
<option value="<%=rs("pro_id")%>"><%=rs("pro_nome")%></option>
<%
        rs.MoveNext
    Wend
    rs.Close
%>
</select>
</div>     

<select name="carburante" id="carburante" size="1" tabindex="10" style="width:117px">
<option value="" selected>CONTRATTO</option>
<option value="affitto">Affitto</option>
<option value="vendita">Vendita</option>
</select>
</td>
                                        <td width="76" valign="bottom"><input name="Go" value="Cerca" type="submit"></td>
                                      </tr>
                                  </table></td>
                                </form>