function setcity(provinceid, cityid) {
	var province = document.getElementById(provinceid).value;
    switch (province) {
         case "台灣" :
            var cityOptions = new Array(
            "基隆", "基隆",
            "台北市", "台北市",
            "台北縣", "台北縣",
            "桃園", "桃園",
            "新竹", "新竹",
            "苗栗", "苗栗",
            "台中", "台中",
            "南投", "南投",
            "彰化", "彰化",
            "雲林", "雲林",
            "嘉義", "嘉義",
            "台南", "台南",
            "高雄", "高雄",
            "屏東", "屏東",
            "台東", "台東",
            "花蓮", "花蓮",
            "宜蘭", "宜蘭",
            "澎湖", "澎湖",
            "金門", "金門",
            "馬祖", "馬祖",
            "其他", "其他");
            break;
         case "海外" :
            var cityOptions = new Array(
            "歐洲", "歐洲",
            "北美", "北美",
            "南美", "南美",
            "日本", "日本",
            "大陸", "大陸",
            "韓國", "韓國",
            "香港", "香港",
            "新加坡", "新加坡",
            "馬來西亞", "馬來西亞",
            "印尼", "印尼",
            "非洲", "非洲",
            "大洋洲", "大洋洲",
            "其他", "其他");
            break;
    }
	
	var cityObject = document.getElementById(cityid);
	cityObject.options.length = 0;
	cityObject.options[0] = new Option("選擇城市", "");
	var j = 0;
	for(var i = 0; i < cityOptions.length/2; i++) {
		j = i + 1;
	    cityObject.options[j] = new Option(cityOptions[i*2],cityOptions[i*2+1]);
	}
}

function initprovcity(provinceid, province) {
	var provObject = document.getElementById(provinceid);
    for(var i = 0; i < provObject.options.length; i++) {
        if (provObject.options[i].value == province) {
        	provObject.selectedIndex = i;
			break;
        }
    }
    //setcity(provinceid, cityid);
}

function showprovince(provinceid, cityid, province) {
	var provinces = new Array(
		"台灣", "海外"
	);

	var html = "<select name=\"" + provinceid + "\" id=\"" + provinceid + "\" onchange=\"setcity('" + provinceid + "', '" + cityid + "');\">";
	html = html + "<option value=\"\">選擇地區</option>";
	for(var i = 0; i < provinces.length; i++) {
		html = html + "<option value=\"" + provinces[i] + "\">" + provinces[i] + "</option>";
	}
	html = html + "</select>";
	document.write(html);

	initprovcity(provinceid, province);

}

function showcity(cityid, city) {


	var html = "&nbsp;<select name=\"" + cityid + "\" id=\"" + cityid + "\">";
	if(city == "") {
		html = html + "<option value=\"\">選擇城市</option>";
	} else {
		html = html + "<option value=\"" + city + "\">" + city + "</option>";
	}
	html = html + "</select>";
	document.write(html);
}