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

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;i<properties.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; i<arr.length; i++)
{
        sel.remove(i);
    }
}
</script>

<property>
<value>城市ID</value>
<name>城市名称</name>
</property>
</properties>