function getIndexValue(x) {
    mySelected = x.options[x.selectedIndex];
    return mySelected.text;
}

function setSpanValue(xSel, ySpanId) {
    ySpanText = getIndexValue(xSel);
    ySpanObj = document.getElementById(ySpanId);
    ySpanObj.innerHTML = ySpanText;
}

function changeQuartierList(select1) {
    var index = select1.selectedIndex;
    var valeur = select1[index].text;
    var select2elements = document.getElementById('lst-quartier');
    url = "http://www.trouveunlogement.com/wp-content/themes/ttvoisin/quartiers/" + valeur + ".txt";

    if (valeur != "0") {
        var xhr = null;
        if(window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if(window.ActiveXObject){
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else{
            alert("Votre navigateur n'est pas compatible avec AJAX...");
        }
        if(xhr) {
            
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4 && xhr.status == 200){
                    var form2reponse = xhr.responseText;
                    contenuselect2(form2reponse, select2elements);
                    
                }
            }
            xhr.open("GET", url, true);
            xhr.send(null);
        }
    }
}

function contenuselect2(form2reponse, select2elements) {
    var select2options = form2reponse.split("*");
    select2elements.length = 1;
    select2elements.length = select2options.length;
    for (i=0; i < select2options.length; i++) {
        select2elements[i].text = select2options[i];
    }
}