JS中简单的二级城市联动
代码奉上:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>二级城市联动</title>
</head>
<body>
<select id="one" onchange="func(this.value)">
<option value="">--请选择--</option>
<option value="0">浙江省</option>
<option value="1">广东省</option>
<option value="2">福建省</option>
</select>
<select id="two">
<option value="">--请选择--</option>
</select>
</body>
<script>
var two = document.getElementById('two');
city = [];//申明
//定义二级数据
city[0] = ['杭州市'];
city[1] = ['广州市'];
city[2] = ['厦门市'];
function func(m){
two.length = 1;
//遍历生产option选项
for (var i = 0; i < city[m].length; i++) {
//创建一个option 把数据存储在option
var op = new Option(city[m][i],i);
//把带有数据的option 添加到第二个select
two.add(op);
};
}
</script>
</html>
简单 简单 简单 重要的事说三遍, 三级联动可以依葫芦画瓢写出来
- JS简单实现城市二级联动选择插件的方法
- 省市二级联动 通过省份选择城市 JS的简单应用 二级下拉列表
- JS简单实现城市二级联动选择插件的方法
- 超简单JS二级、多级联动的简单实例
- 非常简单的二级联动js菜单 [收藏]
- 【js】使用xml数据载体实现城市省份二级联动
- js生成二级城市联动菜单,动态生成年、月、日字段,生产一个验证码
- 超简单JS二级、多级联动
- 省份城市二级联动【DOM+js+XML】
- JS实现从XML中获取省份和城市信息_二级联动
- 简单的js二级联动
- AngularJS Or jQuery 省份城市二级联动下拉功能
- JQuery实现的简单城市间二级联动
- js实现简单的二级联动效果
- 简单的二级城市联动 对同一个对象绑定多个事件
- js中的数组应用小案例——省份城市的二级联动
- js多级联动示例(省份和城市二级联动)
- [js]实现简单的省市二级联动下拉选择菜单
- 一个简单的js的省市二级联动菜单(转)
- 超简单JS二级联动的简单实例