$(document).on({ mouseenter:function(){ if (!$(this).children('option').length){ $(this).html('-- 請選擇縣市 --台北市新北市桃園市台中市彰化縣台南市高雄市屏東縣宜蘭縣台東縣澎湖縣'); } }, change:function(){ var selCtn = $(this).parents('.storeCityTownCtn').eq(0); $(selCtn).find('.storeTownSel').val('').html('-- 請選擇區 --'); $(selCtn).find('.zipCode').val(''); switch ($(this).val()){ case "2": $(selCtn).find('.storeTownSel').eq(0).append('100 中正區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('103 大同區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('104 中山區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('105 松山區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('106 大安區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('110 信義區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('114 內湖區'); case "2": $(selCtn).find('.storeTownSel').eq(0).append('115 南港區'); break; case "3": $(selCtn).find('.storeTownSel').eq(0).append('231 新店區'); case "3": $(selCtn).find('.storeTownSel').eq(0).append('251 淡水區'); break; case "4": $(selCtn).find('.storeTownSel').eq(0).append('333 龜山區'); break; case "8": $(selCtn).find('.storeTownSel').eq(0).append('401 東 區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('402 南 區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('403 西 區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('404 北 區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('407 西屯區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('421 后里區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('427 潭子區'); case "8": $(selCtn).find('.storeTownSel').eq(0).append('433 沙鹿區'); break; case "11": $(selCtn).find('.storeTownSel').eq(0).append('500 彰化市'); case "11": $(selCtn).find('.storeTownSel').eq(0).append('510 員林市'); case "11": $(selCtn).find('.storeTownSel').eq(0).append('514 溪湖鎮'); break; case "15": $(selCtn).find('.storeTownSel').eq(0).append('717 仁德區'); break; case "17": $(selCtn).find('.storeTownSel').eq(0).append('800 新興區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('802 苓雅區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('807 三民區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('811 楠梓區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('813 左營區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('814 仁武區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('815 大社區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('820 岡山區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('821 路竹區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('830 鳳山區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('831 大寮區'); case "17": $(selCtn).find('.storeTownSel').eq(0).append('832 林園區'); break; case "19": $(selCtn).find('.storeTownSel').eq(0).append('928 東港鎮'); case "19": $(selCtn).find('.storeTownSel').eq(0).append('929 琉球鄉'); case "19": $(selCtn).find('.storeTownSel').eq(0).append('932 新園鄉'); break; case "20": $(selCtn).find('.storeTownSel').eq(0).append('260 宜蘭市'); case "20": $(selCtn).find('.storeTownSel').eq(0).append('265 羅東鎮'); case "20": $(selCtn).find('.storeTownSel').eq(0).append('270 蘇澳鎮'); break; case "22": $(selCtn).find('.storeTownSel').eq(0).append('950 台東市'); case "22": $(selCtn).find('.storeTownSel').eq(0).append('961 成功鎮'); break; case "23": $(selCtn).find('.storeTownSel').eq(0).append('880 馬公市'); break; } $(selCtn).find('.storeTownSel').eq(0).trigger('change'); } },'.storeCitySel'); $.fn.storeCitySelInit = function(){ if (!$(this).children('option').length){ $(this).html('-- 請選擇縣市 --台北市新北市桃園市台中市彰化縣台南市高雄市屏東縣宜蘭縣台東縣澎湖縣'); } } $.fn.storeTownSelOnload = function(zipCode){ if ($(this).parents('.storeCityTownCtn').length){ $(this).html(''); var selCtn = $(this).parents('.storeCityTownCtn').eq(0); var cityConn = $(selCtn).find('.storeCitySel').eq(0); var townConn = $(this); $(this).html('-- 請選擇縣市 --台北市新北市桃園市台中市彰化縣台南市高雄市屏東縣宜蘭縣台東縣澎湖縣'); switch (zipCode){ case "100": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "103": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "104": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "105": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "106": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "110": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "114": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "115": $(cityConn).val('2').change();$(townConn).val(zipCode); break; case "231": $(cityConn).val('3').change();$(townConn).val(zipCode); break; case "251": $(cityConn).val('3').change();$(townConn).val(zipCode); break; case "333": $(cityConn).val('4').change();$(townConn).val(zipCode); break; case "401": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "402": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "403": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "404": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "407": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "421": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "427": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "433": $(cityConn).val('8').change();$(townConn).val(zipCode); break; case "500": $(cityConn).val('11').change();$(townConn).val(zipCode); break; case "510": $(cityConn).val('11').change();$(townConn).val(zipCode); break; case "514": $(cityConn).val('11').change();$(townConn).val(zipCode); break; case "717": $(cityConn).val('15').change();$(townConn).val(zipCode); break; case "800": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "802": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "807": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "811": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "813": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "814": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "815": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "820": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "821": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "830": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "831": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "832": $(cityConn).val('17').change();$(townConn).val(zipCode); break; case "928": $(cityConn).val('19').change();$(townConn).val(zipCode); break; case "929": $(cityConn).val('19').change();$(townConn).val(zipCode); break; case "932": $(cityConn).val('19').change();$(townConn).val(zipCode); break; case "260": $(cityConn).val('20').change();$(townConn).val(zipCode); break; case "265": $(cityConn).val('20').change();$(townConn).val(zipCode); break; case "270": $(cityConn).val('20').change();$(townConn).val(zipCode); break; case "950": $(cityConn).val('22').change();$(townConn).val(zipCode); break; case "961": $(cityConn).val('22').change();$(townConn).val(zipCode); break; case "880": $(cityConn).val('23').change();$(townConn).val(zipCode); break; } } } $('.storeCitySel').trigger('change'); $('.storeTownSel[data-zip]').each(function(idx,elem){ if ($(elem).data('zip').toString().length>0){ var selCtn = $(this).parents('.storeCityTownCtn').eq(0); var cityConn = $(selCtn).find('.storeCitySel').eq(0); $(cityConn).storeCitySelInit(); $(elem).storeTownSelOnload( $(elem).data('zip').toString() ); } });