jQuery是一款流行的JavaScript庫(kù)，可以減少開(kāi)發(fā)過(guò)程中的重復(fù)代碼和多余操作。在用戶交互中，省市聯(lián)動(dòng)是一個(gè)很常見(jiàn)的需求，本文將介紹如何使用jQuery實(shí)現(xiàn)省市聯(lián)動(dòng)。

//html代碼請(qǐng)選擇省份請(qǐng)選擇城市//JavaScript代碼
$(function(){
 //定義省份和城市的json數(shù)組
 var provinceArr = ["省1","省2","省3"];
 var cityArr = {
"省1":["市1","市2","市3"],
"省2":["市4","市5","市6"],
"省3":["市7","市8","市9"]
 };
//獲取省份select元素
 var provinceSel = $('#province');
 //循環(huán)添加省份選項(xiàng)
 for(var i=0;i'+provinceArr[i]+'');
 }
//省份選擇改變事件
 provinceSel.change(function(){
//獲取選中的省份
var province = $(this).val();
//獲取城市select元素
var citySel = $('#city');
//清空城市選項(xiàng)
citySel.empty();
citySel.append('請(qǐng)選擇城市');
//判斷省份是否為空或未選擇
if(province == '') return;
//獲取該省份的城市數(shù)組
var cities = cityArr[province];
//循環(huán)添加城市選項(xiàng)
for(var i=0;i'+cities[i]+'');
}
 });
});

代碼分為html和JavaScript兩部分，html部分定義了兩個(gè)select元素，分別用于選擇省份和城市。JavaScript部分包含兩個(gè)json數(shù)組，一個(gè)保存省份名稱，另一個(gè)保存各省份對(duì)應(yīng)的城市數(shù)組。在頁(yè)面加載時(shí)，循環(huán)添加省份選項(xiàng)。當(dāng)省份選擇改變時(shí)，根據(jù)選中的省份獲取該省份的城市數(shù)組，循環(huán)添加城市選項(xiàng)，并將城市select元素清空。

通過(guò)以上代碼，我們實(shí)現(xiàn)了簡(jiǎn)單的省市聯(lián)動(dòng)效果，再結(jié)合樣式和數(shù)據(jù)的完善，就可以制作出更加完美的城市選擇下拉列表。