三级联动二——-js文件处理

js处理
var xmlHttp;
var type;
function refreshList(selecttype)
{
        type = selecttype;
        if(type == 'c')
        {
                var country = document.getElementById("country").value;
                if(country == "")
                {
                        clearList('c');
                        return;
                }
                var url = "DisplayServlet?state=country&countryId="+country;
                sendRequest(url,type);
        }
        if(type == 'c1')
        {
                var country = document.getElementById("country1").value;
                if(country == "")
                {
                        clearList('c1');
                        return;
                }
                var url = "DisplayServlet?state=country&countryId="+country;
                sendRequest(url,type);
        }
        if(type == 'p')
        {
                var province = document.getElementById("prov").value;
                if(province == "")
                {
                        clearList('p');
                        return;
                }
                var url = "DisplayServlet?state=province&provinceId="+province;
                sendRequest(url,type);
        }
        if(type == 'p1')
        {
                var province = document.getElementById("prov1").value;
                if(province == "")
                {
                        clearList('p1');
                        return;
                }
                var url = "DisplayServlet?state=province&provinceId="+province;
                sendRequest(url,type);
        }
}

function CreateXmlHttpRequest()
{
        try
        {
                xmlHttp = new XMLHttpRequest();
        }catch(e)
        {
                try
                {
                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                }catch(e)
                {
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
        }
        return xmlHttp;
}

function sendRequest(url,type)
{
        CreateXmlHttpRequest();
        xmlHttp.open('GET',url,true);
        xmlHttp.onreadystatechange = processResponse;
        xmlHttp.send(null);
}

function processResponse()
{
        if(xmlHttp.readyState == 4)
        {
                if(xmlHttp.status == 200)
                {
                        updateList(type);
                }
        }
}

function updateList(type)
{
        if(type == 'c')
        {
                clearList(type);
                var province = document.getElementById("province");
                var results = xmlHttp.responseText;
                province.innerHTML="<select name='prov' id='prov' onChange=refreshList('p')>"+results+"</select>";
        }
        if(type == 'c1')
        {
                clearList(type);
                var province = document.getElementById("province1");
                var results = xmlHttp.responseText;
                province.innerHTML="<select name='prov1' id='prov1' onChange=refreshList('p1')>"+results+"</select>";
               
        }
        if(type == 'p')
        {
                var city = document.getElementById("city");
                var results = xmlHttp.responseText;
                city.innerHTML="<select name='city'>"+results+"</select>";
        }
        if(type == 'p1')
        {
                clearList(type);
                var city = document.getElementById("city1");
                var results = xmlHttp.responseText;
                city.innerHTML="<select name='city1'>"+results+"</select>";
        }
}

function clearList(type)
{
        if(type == 'c')
        {
                var province = document.getElementById("province");
                while(province.childNodes.length > 2)
                {
                        province.removeChild(province.childNodes[1]);
                }
        }
        if(type == 'c1')
        {
                var province = document.getElementById("province1");
                while(province.childNodes.length > 2)
                {
                        province.removeChild(province.childNodes[1]);
                }
        }
        if(type == 'p')
        {
                var city = document.getElementById("city");
                while(city.childNodes.length > 2)
                {
                        city.removeChild(city.childNodes[1]);
                }
        }
        if(type == 'p1')
        {
                var city = document.getElementById("city1");
                while(city.childNodes.length > 2)
                {
                        city.removeChild(city.childNodes[1]);
                }
        }
}