原文地址：http://www.chhblog.com/demo/51.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://chhblog.com/upload/1/files/myfiles/jquery-1_8_1_min.js" type="text/javascript"></script>
<script src="http://chhblog.com/upload/1/files/myfiles/regionselect.js" type="text/javascript"></script>
</head>
<body>
<div id="placeholder"></div>
<div id="result"></div>
<script type="text/javascript">
var regionSelect = new RegionSelect();
//显示城市级别
regionSelect.showCity();
//显示区域级别
regionSelect.showRegion();
//当选择的区域变化时触发
regionSelect.addListener( 'change', function( eventType, result ) {
var province = result['province'];
var city = result[ 'city' ];
var region = result[ 'region' ];
var str = [];
str.push( '省名称：' + (province[ 'province_name' ] || '未选择') + ',省id:' + (province[ 'province_id' ] || '未选择') );
str.push( '市名称：' + (city[ 'city_name' ] || '未选择') + ',市id:' + (city[ 'city_id' ] || '未选择') );
str.push( '区名称：' + (region[ 'region_name' ] || '未选择') + ',区id:' + (region[ 'region_id' ] || '未选择') );
$( '#result' ).html( str.join( '<br/>' ) );
} );
//渲染select元素
regionSelect.render( 'placeholder' );
//选中省
regionSelect.selectProvince( 194 );
//选中市
regionSelect.selectCity( 195 );
//选中区
regionSelect.selectRegion( 1293 );
</script>
</body>
</html>