js 省市下拉列表联动
2012-06-25 18:59
267 查看
Love in coding...
Free and Susan
js 省市下拉列表联动
1.定义 城市 数据数组
2.得到 当前 所选择 的 省
3.得到 当前省 在 城市数组中的位置
4.得到 当前省 所辖制的 地市
5.填充 城市 下拉选单
----------
示例代码如下
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
//定义 城市 数据数组
cityArray = new Array();
cityArray[0] = new Array("河南省","郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市");
cityArray[1] = new Array("云南省","昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市");
cityArray[2] = new Array("其它","其它");
function getCity(currProvince)
{
//当前 所选择 的 省
var currProvince = currProvince;
var i,j,k;
//清空 城市 下拉选单
document.all.selCity.length = 0 ;
for (i = 0 ;i <cityArray.length;i++)
{
//得到 当前省 在 城市数组中的位置
if(cityArray[i][0]==currProvince)
{
//得到 当前省 所辖制的 地市
tmpcityArray = cityArray[i][1].split("|")
for(j=0;j<tmpcityArray.length;j++)
{
//填充 城市 下拉选单
document.all.selCity.options[document.all.selCity.length] = new Option(tmpcityArray[j],tmpcityArray[j]);
}
}
}
}
</script>
</head>
<body>
<form id="form1">
<select id="selProvince" onChange = "getCity(this.options[this.selectedIndex].value)">
<option value="">-请选择-</option>
<option value="河南省">河南省</option>
<option value="云南省">云南省</option>
<option value="其它">其它</option>
</select>
<select id="selCity">
<option>-城市-</option>
</select>
</form>
</body>
</html>
Free and Susan
js 省市下拉列表联动
1.定义 城市 数据数组2.得到 当前 所选择 的 省
3.得到 当前省 在 城市数组中的位置
4.得到 当前省 所辖制的 地市
5.填充 城市 下拉选单
----------
示例代码如下
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
//定义 城市 数据数组
cityArray = new Array();
cityArray[0] = new Array("河南省","郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市");
cityArray[1] = new Array("云南省","昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市");
cityArray[2] = new Array("其它","其它");
function getCity(currProvince)
{
//当前 所选择 的 省
var currProvince = currProvince;
var i,j,k;
//清空 城市 下拉选单
document.all.selCity.length = 0 ;
for (i = 0 ;i <cityArray.length;i++)
{
//得到 当前省 在 城市数组中的位置
if(cityArray[i][0]==currProvince)
{
//得到 当前省 所辖制的 地市
tmpcityArray = cityArray[i][1].split("|")
for(j=0;j<tmpcityArray.length;j++)
{
//填充 城市 下拉选单
document.all.selCity.options[document.all.selCity.length] = new Option(tmpcityArray[j],tmpcityArray[j]);
}
}
}
}
</script>
</head>
<body>
<form id="form1">
<select id="selProvince" onChange = "getCity(this.options[this.selectedIndex].value)">
<option value="">-请选择-</option>
<option value="河南省">河南省</option>
<option value="云南省">云南省</option>
<option value="其它">其它</option>
</select>
<select id="selCity">
<option>-城市-</option>
</select>
</form>
</body>
</html>
相关文章推荐
- js 省市下拉列表联动
- JS无刷新二级联动省市下拉列表
- JavaScript(JS)实现省市联动选择下拉列表
- js 省市下拉列表联动
- 省市二级联动 通过省份选择城市 JS的简单应用 二级下拉列表
- js省市县三级联动下拉列表的示例
- 关于省市区的下拉列表联动实现(JS+AJAX)
- 省市联动下拉列表
- 二级联动下拉列表 asp+js【转】
- JS多级联动下拉列表(不限级数)
- js三级地区选择插件,省市县级联下拉列表
- Ajax省市地区下拉列表三级联动
- JS多级联动下拉列表(不限级数)
- php jquery ajax json 全国省市区三级联动下拉列表 简单实现
- js三级地区选择插件,省市县级联下拉列表
- js三级地区选择插件,省市县级联下拉列表 .
- JS实现下拉列表中的联动(根据所选的text的值,改变另外一个下拉列表中国的值(text))
- php jquery ajax json 全国省市区三级联动下拉列表 简单实现
- JS级别联动下拉列表
- 省市连动下拉列表 无刷新JS