<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style type="text/css">
<!--
.div1 {
background-color:#CCCCCC;
width:300px;
}
.div2 {
width:100%;
height:20px;
}
.div3 {
background-color:#333333;}
-->
</style>
<BODY>
<script type="text/javascript">
var indexCount = 1;
var varAddress="@Akesu|阿克苏|AKU@Aletai|阿勒泰|AAT@Ankang|安康|AKA@Anqing|安庆|AQG@Anshun|安顺|AVA@Anting|安亭|594@Baise|百色|AEB@Baoshan|保山|BSD@Baotou|包头|BAV@Beihai|北海|BHY@Beijing|北京|BJS@Changchun|长春|CGQ@Changde|常德|CGD@Changdu|昌都|BPX@Changsha|长沙|CSX@Changzhi|长治|CIH@Changzhou|常州|CZX@Chaoyang|朝阳|CHG@Chengdu|成都|CTU@Chifeng|赤峰|CIF@Chongqing|重庆|CKG@Dali|大理|DLU@Dalian|大连|DLC@Dandong|丹东|DDG@Datong|大同|DAT@Daxian|达县|DAX@Dehong|德宏|LUM@Diqing|迪庆|DIG@Dongying|东营|DOY@Dunhuang|敦煌|DNH@Enshi| 恩施|ENH@Fuyang|阜阳|FUG@Fuzhou|福州|FOC@Ganzhou|赣州|KOW@Geermu|格尔木|GOQ@Guanghan|广汉|GHN@Guanghua|光化|LHK@Guangzhou|广州|CAN@Guilin|桂林|KWL@Guiyang|贵阳|KWE@Haerbin|哈尔滨|HRB@Haikou|海口|HAK@Hailaer|海拉尔|HLD@Handan|邯郸|HDG@Hangzhou|杭州|HGH@Hanzhong|汉中|HZG@Hefei|合肥|HFE@Heihe|黑河|HEK@Hetian|和田|HTN@Hong Kong|香港|HKG@Huangshan|黄山|TXN@Huangyan|黄岩|HYN@Huhehaote|呼和浩特|HET@Jiamusi| 佳木斯|JMU@Jiayuguan|嘉峪关|JGN@Jilin|吉林|JIL@Jinan|济南|TNA@Jingdezhen|景德镇|JDZ@Jinggangshan|井冈山|JGS@Jinghong|景洪|JHG@jinjiang|晋江|JJN@Jinzhou|锦州|JNZ@Jiujiang|九江|JIU@Jiuzhaigou|九寨沟|JZH@Kaohsiung|高雄|KHH@Kashi|喀什|KHG@Kelamayi|克拉玛依|KRY@Kuche|库车|KCA@Kuerle|库尔勒|KRL@Kunming|昆明|KMG@Lanzhou|兰州|LHW@Lasa|拉萨|LXA@LiangPing|梁平|LIA@Lianyungang|连云港|LYG@Lijiang|丽江|LJG@Lincang|临沧|LNJ@Linxi|林西|LXI@Linyi|临沂|LYI@Linzhi|林芝|LZY@LIPING|黎平|HZH@Liuzhou|柳州|LZH@LONGYAN|龙岩|LCX@Luoyang|洛阳|LYA@Luzhou| 泸州|LZO@Macau|澳门|MFM@Mangshi|芒市|LUM@Manzhouli|满洲里|NZH@Meixian|梅县|MXZ@Mianyang|绵阳|MIG@Mudanjiang|牡丹江|MDG@Nanchang|南昌|KHN@Nanchong|南充|NAO@Nanjing|南京|NKG@Nanning|南宁|NNG@Nantong|南通|NTG@Nanyang|南阳|NNY@Ningbo|宁波|NGB@Panzhihua|攀枝花|PZI@Qingdao|青岛|TAO@Qingyang|庆阳|IQN@Qinhuangdao|秦皇岛|SHP@Qiqihaer|齐齐哈尔|NDG@Quanzhou|泉州|JJN@Quzhou|衢州|JUZ@Sanya|三亚|SYX@Shanghai|上海|SHA@Shantou|汕头|SWA@Shashi|沙市|SHS@Shenyang|沈阳|SHE@Shenzhen|深圳|SZX@Shijiazhuang|石家庄|SJW@Shishi|石狮|JJN@Simao|思茅|SYM@Tacheng|塔城|TCG@Taipei|台北|TPE@Taiyuan|太原|TYN@Tianjin|天津|TSN@Tongliao|通辽|TGO@Tongren|铜仁|TEN@Wanxian|万州|WXN@Weifang|潍坊|WEF@Weihai|威海|WEH@Wenshan|文山|WNH@Wenzhou|温州|WNZ@Wuhai|乌海|WUA@Wuhan|武汉|WUH@Wulanhaote|乌兰浩特|HLH@Wulumuqi|乌鲁木齐|URC@Wuxi|无锡|WUX@Wuyishan|武夷山|WUS@Xiamen|厦门|XMN@Xian|西安|SIA@Xiangfan|襄樊|XFN@Xianggelila|香格里拉|DIG@Xichang|西昌|XIC@Xilinhaote|锡林浩特|XIL@Xingyi|兴义|ACX@Xining|西宁|XNN@Xishuangbanna|西双版纳|JHG@Xuzhou|徐州|XUZ@Yanan|延安|ENY@Yancheng|盐城|YNZ@Yanji|延吉|YNJ@Yantai|烟台|YNT@Yibin|宜宾|YBP@Yichang|宜昌|YIH@Yinchuan|银川|INC@Yining|伊宁|YIN@Yiwu|义乌|YIW@Yongzhou|永州|LLF@Yulin|榆林|UYN@Yuncheng|运城|YCU@Zhangjiajie|张家界|DYG@Zhanjiang|湛江|ZHA@Zhaotong|昭通|ZAT@Zhengzhou|郑州|CGO@zhijiang|芷江|HJJ@Zhongdian|中甸|DIG@Zhoushan|舟山|HSN@Zhuhai|珠海|ZUH@Wuzhou|梧州|WUZ@Eerduosi|鄂尔多斯|DSN@Nalati|那拉提|NLT@";
function GetCityList(e){
e=e?e:event;
var varThisObj=(e.srcElement?e.srcElement:e.target);
var varObjValue=varThisObj.value;
var varData=(varObjValue==""?varThisObj.getAttributeNode("mod_address_suggest").value:varAddress);
var varHtmlStr="",varCityDataSplit=varData.split("@"),varCityDataSplitI,varCityDataSplitIu;
indexCount = 1;
for(var i=1;i<varCityDataSplit.length-1;i++){
varCityDataSplitI=varCityDataSplit[i];
if(varCityDataSplitI.toUpperCase().indexOf(varObjValue.toUpperCase())>=0 || varCityDataSplitI.toLowerCase().indexOf(varObjValue.toLowerCase())>=0 || varObjValue==""){
varHtmlStr+="<div class='div2' id='thecity_"+indexCount+"' onmouseover='getMouseOver(this);' onmouseout='getMouseOut(this);' onclick='getMouseOnclick(this);'>"+varCityDataSplitI.split("|")[1]+"</div>";
indexCount++;
}
}
// alert(varHtmlStr);
document.getElementById("div1").style.display = "";
document.getElementById("div1").innerHTML=varHtmlStr;
// document.getElementById("thecity_1").className = "div3";
}
</script>
<input name="dest_city_1" type="text" value="" size="10"
id="dest_city_1"
mod="auto"
mod_notice_tip="中文/拼音"
mod_address_source="fltDomestic"
mod_address_suggest="@Beijing|北京|BJS@Shanghai|上海|SHA@Shenzhen|深圳|SZX@Guangzhou|广州|CAN@Qingdao|青岛|TAO@Chengdu|成都|CTU@Hangzhou|杭州|HGH@Wuhan|武汉|WUH@Tianjin|天津|TSN@Dalian|大连|DLC@Xiamen|厦门|XMN@Chongqing| 重庆|CKG@"/>
<div id="div1" class="div1"></div>
<script>
var cityObject = document.getElementById("dest_city_1");
var divObject = document.getElementById("div1");
var indexDiv = 0;
function getMouseOver(obj){
if(null == obj) return;
obj.className = "div3";
}
function getMouseOut(obj){
if(null == obj) return;
obj.className = "div2"
}
function getObjValue(obj){
cityObject.value = obj.innerHTML;
divObject.style.display = "none";
}
function getMouseOnclick(obj){
cityObject.value = obj.innerHTML;
divObject.style.display = "none";
}
function getObject(id){
// alert(id);
return document.getElementById(id);
}
function getOnKeyDown(e){
var tempId = "thecity_";
//按向上的按钮
if (event.keyCode=="38"){
indexDiv--;
if(indexDiv < 1 ){
getMouseOver(getObject(tempId+"1"));
indexDiv=1;
return;
} else {
if(indexDiv > indexCount){
return;
} else {
getMouseOver(getObject(tempId+indexDiv));
getMouseOut(getObject(tempId+(indexDiv+1)));
return;
}
}
}
//按向下的按钮
if (event.keyCode=="40"){
// alert(indexCount);
indexDiv++;
if(indexDiv >= indexCount){
getMouseOver(getObject(tempId+indexCount));
indexDiv = indexCount;
return;
} else {
if(indexDiv <=1){
getMouseOver(getObject(tempId+"1"));
return;
} else {
getMouseOver(getObject(tempId+indexDiv));
getMouseOut(getObject(tempId+(indexDiv-1)));
return;
}
}
}
//回车确定
if (event.keyCode=="13"){
tmpObj = getObject(tempId+indexDiv);
if(null != tmpObj){
getObjValue(getObject(tempId+indexDiv));
divObject.style.display = "none";
} else {
getObjValue(getObject(tempId+1));
divObject.style.display = "none";
}
return;
}
if(event.keyCode!="13" || event.keyCode!="38" || event.keyCode!="40"){
GetCityList(e);
return;
}
}
var varObj=document.getElementById("dest_city_1");
if(document.all){
varObj.onfocus=varObj.onkeyup=function(){getOnKeyDown()};
// document.getElementById("dest_city_1").onpropertychange = function(){GetCityList()};
}else{
varObj.onfocus=varObj.onkeyup=function(e){getOnKeyDown(e);}
// document.getElementById("dest_city_1").oninput = function(e){GetCityList(e);}
}
</script>
</BODY>
</HTML>