/***
 *
 * 都道府県を切替時に実行
 *
***/
function sfCangeCity(){
    // エレメント取得
    /*
    var lstPref = document.getElementById('pref'); // 都道府県
    var lstArea = document.getElementById('area'); // 地域
    */
    var docObjCity = document.getElementById('city'); // xx市
    var docObjWard1 = document.getElementById('ward1'); // xx区
    var docObjWard2 = document.getElementById('ward2'); // xx区
    var docObjWard3 = document.getElementById('ward3'); // xx区

    // 地域リストを初期化
    docObjWard1.length = 1;
    docObjWard2.length = 1;
    docObjWard3.length = 1;
    // xx市情報を取得
    var selectArea = cityArea[docObjCity.value];
    // xx市が存在する時実行
    if (selectArea) {
//        var areaCode = ""; // 地域コード
        // Loop
        for (areaCode in selectArea) {
            // 地域リストに追加
            sfCreateOption(docObjWard1, selectArea[areaCode], areaCode)
            sfCreateOption(docObjWard2, selectArea[areaCode], areaCode)
            sfCreateOption(docObjWard3, selectArea[areaCode], areaCode)
        }
    }
    /*
	docObjWard1.removeChild(docObjWard1.firstChild);
	docObjWard2.removeChild(docObjWard2.firstChild);
	docObjWard3.removeChild(docObjWard3.firstChild);
	*/
};
/***
 *
 * <select>タグに<option>を追加
 * para @ obj : <select>
 * para @ innerHTML : リストに表示する内容
 * para @ value : option の value
 *
***/
function sfCreateOption(obj, innerHTML, value) {
    var createElem = document.createElement('option'); // 要素作成
    createElem.innerHTML = innerHTML; // 表示内容

    // valueが存在しない時、作成しない
    if (value != "") {
        createElem.value = value;
    }
    obj.appendChild(createElem); // 要素を末尾に追加
};