// JavaScript Document

var xmlHttp;
function xmlhttprequest()
{
	if(window.ActiveXObject)
	{
		xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
		}
	else if(window.XMLHttpRequest)
	{
		xmlHttp = new XMLHttpRequest();
		}
	}
function city(type)
{
	var id = document.getElementById('select1').value;
	if(type==0)
	{
		var serverPage = 'showlist.php?id='+id;
	}else{
	var serverPage = 'showlist.php?id='+id+'&type_id='+type;
	}
	
	xmlhttprequest();

	xmlHttp.open('GET', serverPage,true);

	xmlHttp.onreadystatechange = function()
	{

		//readyState 请求的当前状态(0未初始化, 1正在加载, 2已加载, 3交互中, 4完成)

		if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
		{
			//将服务器格式化的数据转换成JavaScript能识别的格式
			var serverJson =  eval ('('+ xmlHttp.responseText +')');
				//一定要注意，假如，响应回来的JSON是数组的话，就得用数组的访问形式输出值，如：serverJson[0],如果是对象，则用serverJson.user方式访问
				//document.getElementById('result').innerHTML = serverJson;
			var oSelect= document.getElementById('select2');
			oSelect.innerHTML='';
			//alert(serverJson);
			if(serverJson.length<1)
			{
				var op = new Option();
					op.text='无相关选项';
					op.value='0';
					oSelect.add(op);
			}else{
				for(var i=0;i<serverJson.length;i++)
				{
					var op = new Option();
					op.text=serverJson[i]['title'];
					op.value=serverJson[i]['id'];
					oSelect.add(op);
				}
			}

		}
	};
	xmlHttp.send(null);
}