用JS完成一个简单的省市二级联动
2017-06-11 23:43
363 查看
//省市二级联动 JS里边不能错 错就直接报错
var citys = new Array(4);
citys[0]=new Array("静海区","塘沽区","南开区");
citys[1]=new Array("石家庄","邯郸","邢台","廊坊","张家口","后北口");
citys[2]=new Array("石景山","大兴","通州","密云","昌平","房山");
citys[3]=new Array("郑州","开封","洛阳","驻马店","安阳");
function change(value){
var city = document.getElementById("city");
for(var i = city.options.length;i>0;i--){
city.options[i] = null;
}
for(var i = 0;i<citys.length;i++){
if(value==i){
for(var j = 0;j<citys[i].length;j++){
//alert(citys[i][j]);
var opEl = document.createElement("option");
var ctn = document.createTextNode(citys[i][j]);
opEl.appendChild(ctn);
city.appendChild(opEl);
}
}
}
}
var citys = new Array(4);
citys[0]=new Array("静海区","塘沽区","南开区");
citys[1]=new Array("石家庄","邯郸","邢台","廊坊","张家口","后北口");
citys[2]=new Array("石景山","大兴","通州","密云","昌平","房山");
citys[3]=new Array("郑州","开封","洛阳","驻马店","安阳");
function change(value){
var city = document.getElementById("city");
for(var i = city.options.length;i>0;i--){
city.options[i] = null;
}
for(var i = 0;i<citys.length;i++){
if(value==i){
for(var j = 0;j<citys[i].length;j++){
//alert(citys[i][j]);
var opEl = document.createElement("option");
var ctn = document.createTextNode(citys[i][j]);
opEl.appendChild(ctn);
city.appendChild(opEl);
}
}
}
}
相关文章推荐
- 一个简单的js的省市二级联动菜单(转)
- 一个简单js表单检测代码(数据完整的省市二级级联)
- 省市二级联动 通过省份选择城市 JS的简单应用 二级下拉列表
- [js]实现简单的省市二级联动下拉选择菜单
- 利用JS实现一个简单的二级联动菜单
- 一个简单的二级联动效果,看完之后立马你也可以写一个(有源码,纯js,带注释)
- JavaScript学习——使用JS完成省市二级联动
- js实现省市二级联动
- JS省市二级联动
- js写的省市二级联动,很好
- js 省市 二级联动
- JS省市二级联动网页特效菜单
- js的一个简单的例子_修改table中值联动变化相关值
- JS无刷新二级联动省市下拉列表
- 分享一个js省市县联动代码
- AJAX实现简单的省市二级联动
- js省市二级联动
- js省市二级联动 无数据库
- 总有人问js二级联动问题,给出我写的一个例子