function prefChange(obj) {
  var prefCd = Number(obj.value);

  if (prefCd == 0) {
    //state.innerHTML = "都道府県が選択されていません。<br />\n";
  } else {
    var prefName = obj.options[obj.selectedIndex].text;
    //state.innerHTML = prefCd + "：" + prefName + " を選択しました。<br />\n";
    //市町村をクリア
    //clearCity();
    //市町村を表示

    document.getElementById('kenid').value = prefCd;
    document.getElementById('machiid2').value = "";
    cityDisp(prefCd);
  }

}


function cityDisp(prefCd) {
  //state.innerHTML = "処理中です・・・<br />\n";
  var url = "machi.php";
  var paramList = "ken_cd=" + prefCd;
  

  new Ajax.Request(url,
    {
      method: 'get',
      onSuccess: getData,
      onFailure: showErrMsg,
      parameters: paramList
  });

  function getData(data){
    var response = data.responseXML.getElementsByTagName('m_machi');
    var item = response[0].getElementsByTagName('ken');

    //clearCity();
    //for(var i = 1, machiid.options.length > 0; i++) machiid.removeChild(opts[i]);
    //i =1;
    sel = document.getElementById("machiid")
    //sel_ooaza = document.getElementById("ooazaid")
    
    //machiid、ooaza_idの初期化
    while(sel.options.length > 0){
      sel.options[sel.options.length - 1] = null;
    }
    //while(sel_ooaza.options.length > 0){
    //  sel_ooaza.options[sel_ooaza.options.length - 1] = null;
    //}
    var opt = document.createElement('option');
    opt.setAttribute('value', 0);
    //var text = document.createTextNode('大字を選択してください。');
    //opt.appendChild(text);
    //sel_ooaza.appendChild(opt);


    
    
    //select作成
    //var sel = document.createElement('select');
    //sel.setAttribute('id', 'machiid');
    

    //1行目のオプション
    var opt = document.createElement('option');
    opt.setAttribute('value', 0);
    var text = document.createTextNode('市区町村');
    opt.appendChild(text);
    sel.appendChild(opt);

    //2行目以降のオプション
    for(i = 0; i < item.length; i++){
      var cityCd = item[i].getElementsByTagName('machi_cd');
      var cityCdValue = cityCd[0].firstChild.nodeValue;

      var cityName = item[i].getElementsByTagName('machi_mei');
      var cityNameValue = cityName[0].firstChild.nodeValue;

      var opt = document.createElement('option');
      opt.setAttribute('value', cityCdValue);
      var text = document.createTextNode(cityNameValue);
      opt.appendChild(text);
      sel.appendChild(opt);

    }


    
    //selectをresult2要素に追加
    //result2.appendChild(sel);
    //イベントハンドラの設定
    //$('selectCity').onchange = function (){cityChange(this);}
    //state.innerHTML = "データを取得しました。<br />\n";
  }

  function showErrMsg(){
    clearDisp();
    state.innerHTML = "データを取得できませんでした。<br />\n";
  }

}


function cityChange(obj,obj2) {
  var cityCd = Number(obj.value);
  var prefCd = Number(obj2.value);

  if (cityCd == 0) {
    //state.innerHTML = "市町村が選択されていません。<br />\n";
  } else {
    var cityName = obj.options[obj.selectedIndex].text;
    ooazaDisp(prefCd,cityCd);
  }

}

function ooazaDisp(prefCd,cityCd) {
  //state.innerHTML = "処理中です・・・<br />\n";
  var url = "ooaza.php";
  var paramList = "ken_cd=" + prefCd + "&machi_cd=" + cityCd;
  

  new Ajax.Request(url,
    {
      method: 'get',
      onSuccess: getData,
      onFailure: showErrMsg,
      parameters: paramList
  });

  function getData(data){
    var response = data.responseXML.getElementsByTagName('m_ooaza');
    var item = response[0].getElementsByTagName('machi');

    //clearCity();
    //for(var i = 1, machiid.options.length > 0; i++) machiid.removeChild(opts[i]);
    //i =1;
    //sel_machi = document.getElementById("machiid")
    sel = document.getElementById("ooazaid")
    
    //ooaza_idの初期化
    while(sel.options.length > 0){
      sel.options[sel.options.length - 1] = null;
    }

    
    //select作成
    //var sel = document.createElement('select');
    //sel.setAttribute('id', 'ooazaid');
    

    //1行目のオプション
    var opt = document.createElement('option');
    opt.setAttribute('value', 0);
    var text = document.createTextNode('大字・通称を選択してください。');
    opt.appendChild(text);
    sel.appendChild(opt);

    //2行目以降のオプション
    for(i = 0; i < item.length; i++){
      var ooazaCd = item[i].getElementsByTagName('ooaza_cd');
      var ooazaCdValue = ooazaCd[0].firstChild.nodeValue;

      var ooazaName = item[i].getElementsByTagName('ooaza_mei');
      var ooazaNameValue = ooazaName[0].firstChild.nodeValue;

      var opt = document.createElement('option');
      opt.setAttribute('value', ooazaCdValue);
      var text = document.createTextNode(ooazaNameValue);
      opt.appendChild(text);
      sel.appendChild(opt);

    }

    //selectをresult2要素に追加
    //result2.appendChild(sel);
    //イベントハンドラの設定
    //$('selectCity').onchange = function (){cityChange(this);}
    //state.innerHTML = "データを取得しました。<br />\n";
  }

  function showErrMsg(){
    //clearDisp();
    //state.innerHTML = "データを取得できませんでした。<br />\n";
  }

}

function yubinDisp() {
   v_ooaza = document.getElementById("ooazaid")
   v_yubin = document.getElementById("yuubin")
   v_yubin.value = v_ooaza.value
}