郵便番号か町域(町名）での出張費検索

郵便番号での出張費検索と町域(町名）での検索、単体は動作確認が出来たので、どちらでも検索できるように、統合しました。

入力の箇所が複数になったので、どうすれば、迷わず、的確な入力が出来るかを考えました。

１．入力セルに、入力すべき情報を表示する。
２．入力時には、セルがブランクになる。
３．郵便番号が入力された時は、住所入力は初期化する。逆も行う。

動作確認用に作成した、WEBページは
http://www.anocora.com/anocora/newpage16.htmlに残してあります。

無事、ホームページへの反映も終了しました。

【script】
var zip;//郵便番号変数設定
var tyouiki;//町域設定

function zip_click(){
   if (document.js.zip_1.value  == "郵便番号" ) {//デフォルトの"郵便番号"表示を消去
      if(document.js.city_list.selectedIndex != 0||document.js.tyouiki_in.value  != "町域(町名）"){
         if(window.confirm('入力済みの市区町村、町域(町名）をクリヤーします。')){
            document.getElementById("city_list").selectedIndex=0
            document.js.tyouiki_in.value  = "町域(町名）";
         }
         else{
            return;
         }
      }
      document.js.zip_1.value  = "";
   }
}

function tyouiki_click(){
   if (document.js.tyouiki_in.value  == "町域(町名）" ) {//デフォルトの"町域(町名）"表示を消去
      if(document.js.zip_1.value != "郵便番号"){
         if(window.confirm('入力済みの郵便番号をクリヤーします。')){
            document.js.zip_1.value  = "郵便番号";
         }
         else{
            return;
         }
      }
      document.js.tyouiki_in.value  = "";
   }
}

function zip_1_clr(){
   if (document.js.zip_1.value != "郵便番号"){//入力済みの"郵便番号"表示を消去
      if(window.confirm('入力済みの郵便番号をクリヤーします。')){
         document.js.zip_1.value  = "郵便番号";
      }
      else{
         return;
      }
   }
}

function hyoji(){//http://faq.creasus.net/04/0422/を参考
   if ( document.js.zip_1.value  == "郵便番号" && document.js.tyouiki_in.value  == "町域(町名）" && document.js.city_list.selectedIndex==0) {
      alert("郵便番号か市町村と町域（町名）を入力してください");
      return;
   }
   if (document.js.zip_1.value != "郵便番号") {//郵便番号で検索
      if ((document.js.zip_1.value).substr(0,3) != 350 && (document.js.zip_1.value).substr(0,3) != 356 && (document.js.zip_1.value).substr(0,2) != 35) {
         alert("出張範囲外です。申し訳ありません。");
         return;
      }
   zip='〒'+document.js.zip_1.value;
   zip=zip.replace("－","")
   zip=zip.replace("-","")
   }
   else{
   //町域の入力修正
   tyouiki=document.js.tyouiki_in.value
   tyouiki=tyouiki.replace("大字","")
   tyouiki=tyouiki.replace("字","")
   tyouiki=tyouiki.replace("－","")
   tyouiki=tyouiki.replace("-","")
   tyouiki=tyouiki.replace("　","")
   tyouiki=tyouiki.replace(" ","")
   tyouiki=tyouiki.replace( /[0-9]+/,"")
   tyouiki=tyouiki.replace( /[０-９]+/,"")
   }

  var table = document.getElementById('ryokin') //tableを取得
  var tr = table.getElementsByTagName("tr"); //<table>内の<tr>を全部取得（配列）

   for( i = 0; i < table.rows.length; i++ ){
      td = tr[i].getElementsByTagName("td"); //i番目の<tr>内にある<td>を全部取得（配列）
      if(zip == td[1].firstChild.data || (tyouiki == td[2].firstChild.data && document.js.city_list.value  == td[0].firstChild.data)){ //郵便番号を比較
         if(td[4].firstChild.data == "範囲外"){
            alert( td[0].firstChild.data + td[2].firstChild.data + "までの距離は" + td[3].firstChild.data + "です。" + "\n申し訳ありませんが、出張　" + td[4].firstChild.data + "　です。");
         }
         else {
            alert( td[0].firstChild.data + td[2].firstChild.data + "までの距離は" + td[3].firstChild.data + "です。" + "\n出張料金は　" + td[4].firstChild.data + "　です。");}
            return;
         }
      }
   alert("申し訳ありません。お住まいの地域の情報を見つけることが出来ませんでした。\nご連絡頂ければ、こちらでお調べいたします。");
}
</script>