錄制的GIF動畫
部分源碼如下：
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
</head>
<body>
<select onblur="get_city(this)" id="province" name="province" title="請選擇所在省份">
<option value="">選擇省份</option>
<volist name="province" id="vo">
<option value="{$vo.id}">{$vo.name}</option>
</volist>
</select>
<select onblur="get_area(this)" id="city" name="city" title="請選擇所在城市">
<option value="">選擇城市</option>
</select>
<select id="district" name="district" title="請選擇所在區縣">
<option value="">選擇區域</option>
</select>
</body>
</html>
<script>
/**
* 獲取城市
* @param t 省份select對象
*/
function get_city(t){
var parent_id = $(t).val();
if(!parent_id > 0){
return;
}
$('#district').empty().css('display','none');
$('#twon').empty().css('display','none');
var url = '/admin/test/getRegion/level/2/parent_id/' + parent_id;
$.ajax({
type : "GET",
url : url,
error: function(request) {
alert("服務器繁忙, 請聯系管理員!");
return;
},
success: function(v) {
v = '<option value="0">選擇城市</option>'+ v;
$('#city').empty().html(v);
}
});
}
/**
* 獲取地區
* @param t 城市select對象
*/
function get_area(t){
var parent_id = $(t).val();
if(!parent_id > 0){
return;
}
$('#district').empty().css('display','inline');
$('#twon').empty().css('display','none');
var url = '/admin/test/getRegion/level/3/parent_id/' + parent_id;
$.ajax({
type : "GET",
url : url,
error: function(request) {
alert("服務器繁忙, 請聯系管理員!");
return;
},
success: function(v) {
v = '<option>選擇區域</option>'+ v;
$('#district').empty().html(v);
}
});
}
</script>
```
