87,901
社区成员
发帖
与我相关
我的任务
分享
<script type="text/javascript">
//bbs.fdays.com 旅游论坛
//vfasky@gmail.com
$(document).ready(
function ()
{
//载入省份
// if(document.doChangeBasic.Provinces.value=null){
$.get("__APP__/Location/index/type/Provinces/id/0",
function(data){
$('.Provinces').html(data);
}
)
//}
//按需加载城市列表
$('.Provinces').change(
function() {
var id = $(this).val();
var dom_name = this.id;
if ( $('#City_'+id).html() != null ) //判断数据是否存在
{
$('#'+dom_name+'-id_City').html($('#City_'+id).html()); //存在直接调用
}
else
{
$.get("__APP__/Location/index/type/City/id/" + id, //不存在发送请求
function(data){
$('#'+dom_name+'-id_City').html(data);
$('#Location_data').append('<select id="City_'+id+'">'+data+'</select>') //将返回的数据写入页面,重复调用,减小请求.
}
)
}
}
)
//按需加载地区列表
$('.City').change(
function() {
var id = $(this).val();
var dom_name = this.id;
if ( $('#Region_'+id).html() != null )
{
$('#'+dom_name+'-id_Region').html($('#Region_'+id).html());
}
else
{
$.get("__APP__/Location/index/type/Region/id/" + id,
function(data){
$('#'+dom_name+'-id_Region').html(data);
$('#Location_data').append('<select id="Region_'+id+'">'+data+'</select>')
}
)
}
}
)
//为每个select 创建唯-ID,以便重复调用
var P_select = new Array();
P_select[0] = '.Provinces';
P_select[1] = '.City';
P_select[2] = '.Region';
var L_Number, L_Name;
for (var i=0; i<3; i++)
{
L_Number = $(P_select[i]).length;
for (var i2=0; i2<L_Number; i2++)
{
if (P_select[i] == '.Provinces')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2);//ID名字尽量长一些,以免同页面的ID相同
}
else if (P_select[i] == '.City')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2+'-id_City');
}
else if (P_select[i] == '.Region')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2+'-id_City-id_Region');
}
}
}
}
)
;
</script>