当前位置: 代码迷 >> Java Web开发 >> 点击所在省,相应的会出现所在城市 用js(求代码)
  详细解决方案

点击所在省,相应的会出现所在城市 用js(求代码)

热度:10298   发布时间:2013-02-25 21:09:43.0
点击所在省份,相应的会出现所在城市 用js(求代码)
求教,点击省份对应出现下面的市县,点击市县对应出现下面的县区,不是要下拉框的那种,是直接在页面上显示出来市县的,类似于google地图左边城市的显示效果,本人菜鸟,望各位高手赐教,
跟帖或qq443678132

------解决方案--------------------------------------------------------
看你想怎么写啦~全写在js里面就写个对象比如:
var citys={"江苏":"南京,苏州,镇江","安徽":"合肥,XX,XX"};
var getCityArray = function(p){//这里p是省份比如江苏、安徽
var cityArray=CityObj[p].split(",");
var html='';
for(var i=0;i<cityArray.length;i++){
html+=cityArray[i];//样式自己加一下
}
var showDiv=document.getElementById('xx');//取你要显示市县的html元素
showDiv.innerHTML=html;
}
大概就是这个样子咯,未经调试~
要是觉得省市的数据比较多也可以用ajax从后台取
------解决方案--------------------------------------------------------
if(某个省被选中了){
// 这个div 的内容清空
//某个地方显示省的名称
// for(var i=0;i<arr.length;i++){
用城市填充这个DIV
}
}


------解决方案--------------------------------------------------------
很简单嘛。你先有很多DIV,只是有一部分不显示。

<div id='p0' style='display:none;'>地区1,地区2,地区3,地区4</div>
<div id='p1' style='display:none;'>地区1,地区2,地区3,地区4</div>
<div id='p2' style='display:none;'>地区1,地区2,地区3,地区4</div>

选中的时候,通过javascript修改display就行了。别告诉我你基本的控制显示都不会用。
------解决方案--------------------------------------------------------
这里有 现成的代码,你可以直接复制引用
http://www.cnblogs.com/netflu/archive/2006/07/14/450843
  相关解决方案