Prototype Ajax读取XML文档实现联动下拉框实例

script src="js/prototype.js">script>

script>
var targetSelect;

function getCity(select,target,http)
{              
    targetSelect = target;
   
    var url = http + "?timeStamp=" + new Date().getTime() + "&";
    var pars = 'province_id='+select.options[select.selectedIndex].value;

　　　var myAjax =new Ajax.Request(
        url,
        {method:'get',parameters:pars,onComplete:showDestObj}
        );     
    }

function showDestObj(originalRequest)
{
    var obj = originalRequest.responseXML;
    var properties = obj.getElementsByTagName("property");
　　　var name,value;
    targetSelect.options.length =properties.length+1;
    removeAllOpt(targetSelect);

    if(targetSelect.options.length >= 0) {
    　　targetSelect.options[0] = new Option();
　　　　　targetSelect.options[0].value = "0";
　　　　　targetSelect.options[0].text = "请选择";
    }

    for (var i=0,x=1;iproperties.length;i++,x++)
    {
　　　　　name = properties[i].getElementsByTagName("name")[0].firstChild.nodeValue;
　　　　　value = properties[i].getElementsByTagName("value")[0].firstChild.nodeValue;
　　　　　targetSelect.options[x] = new Option();
　　　　　targetSelect.options[x].value = value;
　　　　　targetSelect.options[x].text = name;
    }
}
   
function removeAllOpt(sel) {
    var arr = sel.options;     
    for(var i=0; iarr.length; i++) {
        sel.remove(i);
    }
}
script>

version="1.0" encoding="GB2312"?>
>
>
>城市ID>
>城市名称>
>

>
>城市ID>
>城市名称>
>
>

select name="provinceList" onChange="getCity(this,form1.cityList,'../ajax/province.php')">