JQuery实现省市联动

　　利用JQuery实现省市联动的代码量比JS少很多，Write less,do more。

实现效果图：

　　具体代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>省市联动</title>
<script src="../js/jquery-1.11.0.js"></script>
<script>
var provices=[
["南昌市","抚州市","赣州市","吉安市"],
["广州市","深圳市","汕头市","惠州市"],
["杭州市","苏州市","宁波市","温州市"],
["福州市","龙岩市","厦门市","泉州市"]
];

$(function(){
$("#province").change(function(){
var cities = provices[this.value];
//清空城市信息；
$("#city").empty();
//遍历城市数据
$(cities).each(function(i,n){
$("#city").append("<option>"+n+"</option>");
});
});
});
</script>
</head>
<body>
<select id="province">
<option value="-1">-请选择-</option>
<option value="0">江西省</option>
<option value="1">广东省</option>
<option value="2">浙江省</option>
<option value="3">福建省</option>
</select>

<select id="city">

</select>
</body>
</html>

原文地址：https://www.cnblogs.com/ruugn/p/11219247.html