教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js 城市联动菜单

js 城市联动菜单

发布时间:2016-10-21   编辑:jiaochengji.com
教程集为您提供js 城市联动菜单等资源,欢迎您收藏本站,我们将为您提供最新的js 城市联动菜单资源
js 城市联动菜单
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link rel=stylesheet type=text/css href="images/style.css"> <title>读取城市的例子</title> <script language="javaScript" > var CityData; var CityCount; function CityList(cid,pid,cname,ename,ccode){ var CityId = cid; var CityPid = pid; var CityCnName = cname; var CityEnName = ename; var CityCode = ccode; var idx; if(this.CityData == null){ this.CityData=new Array; idx=0; }else{ idx=this.CityData.length; idx 1; } this.CityData[idx]=new Array(CityId, CityPid,CityCnName,CityEnName,CityCode); this.CithCount = idx; } function SelectCity(CityData,FormName,CityName,id){ var FormValue = ""; if(id == null || id == "" || id == 'undefined') id = 0; if(FormName == null || FormName == "" || FormName == 'undefined') FormName = "citylist"; for(i=0;i<CityData.length;i ){ if(CityData[i][1] == id){ getID(FormName).options[getID(FormName).options.length]= new Option(CityData[i][2],CityData[i][4]); } } } function SelectCode(CityData,FormName,id){ var FormValue = ""; if(id == null || id == "" || id == 'undefined') id = 0; if(FormName == null || FormName == "" || FormName == 'undefined') FormName = "citycode"; for(i=0;i 请选择出发地 <select id="citylist" onchange="m('citylist','citycode')"> <option value="">请选择地区</option> </select> <select id="citycode" name="citycode" onchange="m('citycode','cityaaa')" /> <option value="">请选择城市</option> </select> <select id="cityaaa" name="cityaaa" onchange="m('cityaaa','citybbb')" /> <option value="">请选择城市</option> </select> <select id="citybbb" name="citybbb" /> <option value="">请选择城市</option> </select> 请选择目的地 <select id="citylist1" onchange="m('citylist1','citycode1')"> <option value="">请选择地区</option> </select> <select id="citycode1" name="citycode1" onchange="m('citycode1','cityaaa1')"/> <option value="">请选择城市</option> </select> <select id="cityaaa1" name="cityaaa1" /> <option value="">请选择城市</option> </select>
PHP功能输出
当前只有(中国-福建省-泉州市-安溪县)数据
<script language="javaScript"> /******* CityData, CityCount为本脚本内象对像 函数CityList(城市ID,父ID,中文名,英文名,编号); 函数 SelectCity (城市列表数据,调用列表表单名称,调用列表子表单名称,限制ID),ID为0为根类 函数m(当前列表表单名称,子表单名称) ********/ SelectCity(CityData,'citylist','citycode',0); SelectCity(CityData,'citylist1','citycode',0); //调用初始城市列表 ////// 以下为输出范列 /////// var listcity = listCity(''); if(listcity != false){ var ocity = "JS功能输出
你选择的城市
中文名为:" listcity[2]; ocity = "
英文名为:" listcity[3]; ocity = "
编码为:" listcity[4]; getID('outcity').innerHTML = ocity; } </script> </body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
js二级联动菜单
javascript二级联动多选菜单实现程序
javascript 省市二级联动菜单代码(select 联动)
js全国城市三级联动菜单代码
javascrpit省市联动菜单代码
基于json的jquery地区联动效果代码
js右边弹出导航菜单
js json省市二级联动菜单(json select)
js 二级联动菜单实现代码
js 三级地市联动菜单演示效果代码

[关闭]
~ ~