jquery实现简单城市联动
来源:互联网 发布:养女方知世道险 编辑:程序博客网 时间:2024/05/16 06:01
var fj = new Array("福州市","厦门市","泉州市");
var gd = new Array("广东市","深圳市","虎门市");
var tw = new Array("台北市","台中市","台南市");
var fz = new Array("平潭县","鼓山区","大学园");
var xm = new Array("集美区","思明区","湖里区");
var qz = new Array("安息县","南安市","石狮市");
$("#province").change(function(){
$("#city option:gt(0)").remove();
var province = $(this).val();
switch(province){
case "福建省":
for (var i = 0; i < fj.length; i++) {
$("#city").append("<option value='"+fj[i]+"'>--"+fj[i]+"--</option>");
}
break;
case "广东省":
for (var i = 0; i < gd.length; i++) {
$("#city").append("<option value='"+gd[i]+"'>--"+gd[i]+"--</option>");
}
break;
case "台湾省":
for (var i = 0; i < tw.length; i++) {
$("#city").append("<option value='"+tw[i]+"'>--"+tw[i]+"--</option>");
}
break;
}
});
$("#city").change(function(){
$("#town option:gt(0)").remove();
var city = $(this).val();
switch(city){
case "福州市":
for (var i = 0; i < fz.length; i++) {
$("#town").append("<option value='"+fz[i]+"'>--"+fz[i]+"--</option>");
}
break;
case "厦门市":
for (var i = 0; i < xm.length; i++) {
$("#town").append("<option value='"+xm[i]+"'>--"+xm[i]+"--</option>");
}
break;
case "泉州市":
for (var i = 0; i < qz.length; i++) {
$("#town").append("<option value='"+qz[i]+"'>--"+qz[i]+"--</option>");
}
break;
}
var gd = new Array("广东市","深圳市","虎门市");
var tw = new Array("台北市","台中市","台南市");
var fz = new Array("平潭县","鼓山区","大学园");
var xm = new Array("集美区","思明区","湖里区");
var qz = new Array("安息县","南安市","石狮市");
$("#province").change(function(){
$("#city option:gt(0)").remove();
var province = $(this).val();
switch(province){
case "福建省":
for (var i = 0; i < fj.length; i++) {
$("#city").append("<option value='"+fj[i]+"'>--"+fj[i]+"--</option>");
}
break;
case "广东省":
for (var i = 0; i < gd.length; i++) {
$("#city").append("<option value='"+gd[i]+"'>--"+gd[i]+"--</option>");
}
break;
case "台湾省":
for (var i = 0; i < tw.length; i++) {
$("#city").append("<option value='"+tw[i]+"'>--"+tw[i]+"--</option>");
}
break;
}
});
$("#city").change(function(){
$("#town option:gt(0)").remove();
var city = $(this).val();
switch(city){
case "福州市":
for (var i = 0; i < fz.length; i++) {
$("#town").append("<option value='"+fz[i]+"'>--"+fz[i]+"--</option>");
}
break;
case "厦门市":
for (var i = 0; i < xm.length; i++) {
$("#town").append("<option value='"+xm[i]+"'>--"+xm[i]+"--</option>");
}
break;
case "泉州市":
for (var i = 0; i < qz.length; i++) {
$("#town").append("<option value='"+qz[i]+"'>--"+qz[i]+"--</option>");
}
break;
}
});
<select name="province" id="province">
<option value="">--请选择--</option>
<option value="福建省">--福建省--</option>
<option value="广东省">--广东省--</option>
<option value="台湾省">--台湾省--</option>
</select>
<select name="city" id="city">
<option value="">--请选择--</option>
</select>
<select name="town" id="town">
<option value="">--请选择--</option>
</select>
0 0
- jquery实现简单城市联动
- JQuery实现的简单城市间二级联动
- jQuery实现三级城市联动
- jquery 二级城市联动
- jquery 二级城市联动
- Jquery城市联动
- Jquery的城市联动
- 省份城市jquery简单的二级联动,query代码
- Jquery实现城市三级数据联动的实例
- jquery实现城市三级数据联动的实例
- 基于Jquery实现省份、城市、区县三级联动
- Jquery 城市三级联动 插件
- jQuery 表单城市二级联动
- jQuery cxSelect 联动下拉菜单 城市联动
- ajax+jQuery+Javascript实现简单二级联动
- jQuery 简单实现select二级联动
- 简单jquery实现select三级联动
- 城市三级联动功能实现
- [LeetCode] 48. Rotate Image java
- 设计模式之十一个行为型模式的相关知识,简单易懂。
- 增强for循环和普通for循环的区别
- 组合测试法中的全对偶测试法
- cocos2dx android编译报错
- jquery实现简单城市联动
- Polar码介绍
- [LeetCode] 66. Plus One java
- 优先级队列--最大堆
- JDK并发包(concurrent)
- zip+密码暴力破解
- openlayers3同时加载矢量地图和卫星地图
- 史上最全的MonkeyRunner自动化测试从入门到精通(10)
- [LeetCode] 70. Climbing Stairs java