JS实现的省份级联实例代码
这是从本人以前博客带过来的,感觉这个还蛮实用,代码分享下:
province.html:
<html>
<head>
<title>省份与省市级联</title>
</head>
<script language="javascript" src="province.js" type="text/javascript" charset="gb2312"></script>
</script>
<body onload='getProvince()'>
<div id='province'><select><option>省份</option></select></div>
<div id='city'><select><option>城市</option></select></div>
</boydy>
</html>
province.js:
function getRegion()
{
document.getElementById("city").innerHTML="";
var provinces=document.getElementById("provinces");
var prov=provinces[provinces.selectedIndex].value;
var str="<select>";
for(var i=0;i<city[prov].length;i++)
{
str=str+"<option>"+city[prov][i]+"</option>";
}
str=str+"</select>";
document.getElementById("city").innerHTML=str;
}
function getProvince()
{ var strs="<select onchange='getRegion()' id='provinces'><option></option>";
for(var i=0;i<=33;i++)
{
strs=strs+"<option value="+i+">"+city[i][0]+"</option>";
}
strs=strs+"</select>";
document.getElementById('province').innerHTML=strs;
}
[/code]
相关文章
微信小程序使用wx.chooseLocation开发地图怎么做
这篇文章主要介绍了微信小程序使用wx.chooseLocation开发地图流程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧2022-12-12
JavaScript markdown 编辑器实现双屏同步滚动
这篇文章主要介绍了JavaScript markdown 编辑器实现双屏同步滚动,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下2022-08-08
JavaScript语句错误throw、try及catch实例解析
这篇文章主要介绍了JavaScript语句错误throw、try及catch实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08


最新评论