//函數：在 IE 中建立 XMLHttpRequest 物件，避免不同瀏覽器的差異性
if (typeof XMLHttpRequest == "undefined" && window.ActiveXObject) {
	function XMLHttpRequest() {
		var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
		for (var i=0; i < arrSignatures.length; i++) {
			try {
				var oRequest = new ActiveXObject(arrSignatures[i]);
				return oRequest;
			} catch (oError) {
				//ignore
			}
		}
		throw new Error("MSXML is not installed on your system.");
	}
}

//函數：將參數加入到 URL 尾端，以便讓 GET 使用
function addURLParam(sURL, sParamName, sParamValue) {
	sURL += (sURL.indexOf("?") == -1 ? "?" : "&");
	sURL += encodeURIComponent(sParamName) + "=" + encodeURIComponent(sParamValue);
	return sURL;
}
//-----------------------------------------------------------------------
//
//分別取得兩個選單 的reference

//後端傳回 JSON 資料的路徑
var fileURL = "product_type.php";

//用來儲存 JSON 的全域變數
var jsonType;

//一開始時先將第二個選單停用

function showType() {
	//如果選擇的是第一個選項，第二個選單只顯示"請選擇"，並且無法使用。
	if(document.getElementById('sub_id').selectedIndex == 0) {
		document.getElementById('subtype').innerHTML = "";
	} else {
		//如果有選擇其他選項，送出 Ajax 跟後端要求第二個選單的資料。
		//產生要求資料的 url，加入第一個選單所選擇的選項值作為參數
		sURLType = addURLParam(fileURL,"sub_id",document.getElementById('sub_id').options[document.getElementById('sub_id').selectedIndex].value);
		var oRequest = new XMLHttpRequest();
		oRequest.open("get", sURLType, true);
		
		oRequest.onreadystatechange = function() {
			if(oRequest.readyState == 4) {
				if(oRequest.status == 200 ){
					jsonType = oRequest.responseText;
					document.getElementById('subtype').innerHTML = jsonType;
				}else{
					//document.getElementById('subtype').innerHTML = "";
				}
			}
		}
		//送出 Ajax 要求
		oRequest.send(null);
	}
}