首先是先想好數據庫的搭建，通過地區id，地區名稱，上級地區id就可以實現，所有省市區的數據
例如：
DAO層
service層
Servlet
頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>修改員工</title>
<!-- 順序不可以亂 -->
<!-- 1.jQuery的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!-- 2.css資源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">
<!-- 3. 圖標資源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">
<!-- 4.easyui的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<!-- 5.本地語言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
修改員工的頁面
<br><br>
<input class="easyui-combobox" id="cc1"
data-options="url:'json/combox.json',
valueField:'id',
textField:'text',
">
<br><br>
省：<input id="sheng" class="easyui-combobox" style="width:100px"
data-options="
url:'RegionServlet?parentid=0',
valueField:'regionID',
textField:'regionName',
onSelect:function(region){
//alert('選擇了省id='+region.regionID);
$('#shi').combobox('clear');//清除原有項目
$('#qu').combobox('clear');//清除原有項目
$('#shi').combobox('reload','RegionServlet?parentid='+region.regionID);//重新加載
$('#qu').combobox('reload','RegionServlet')//清楚原有下拉項目
}" />
市：<input id="shi" class="easyui-combobox" style="width:100px"
data-options="
url:'RegionServlet',
valueField:'regionID',
textField:'regionName',
onSelect:function(region){
//alert('選擇了市id='+region.regionID);
$('#qu').combobox('clear');//清除原有項目
$('#qu').combobox('reload','RegionServlet?parentid='+region.regionID);
}" />
區：<input id="qu" class="easyui-combobox" style="width:100px"
data-options="
url:'RegionServlet',
valueField:'regionID',
textField:'regionName'" />
</body>
</html>
注意：在三級聯動的時候要清除原有項目和清除下一級的下拉數據，否則就會出現在改變省份的時候，市區這兩個下拉框還會顯示上次所選的省份的所在市區。