基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)

　　function initProvince()

　　{

　　//原先的省份列表清空

　　$('#choose-a-province').html('');

　　for(i=0;i

　　{

　　$('#choose-a-province').append(''+schoolList[i].name+'');

　　}

　　//添加省份列表项的click事件

　　$('.province-item').bind('click', function(){

　　var item=$(this);

　　var province = item.attr('province-id');

　　var choosenItem = item.parent().find('.choosen');

　　if(choosenItem)

　　$(choosenItem).removeClass('choosen');

　　item.addClass('choosen');

　　//更新大学列表

　　initSchool(province);

　　}

　　);

　　}

　　function initSchool(provinceID)

　　{

　　//原先的学校列表清空

　　$('#choose-a-school').html('');

　　var schools = schoolList[provinceID-1].school;

　　for(i=0;i

　　{

　　$('#choose-a-school').append(''+schools[i].name+'');

　　}

　　//添加大学列表项的click事件

　　$('.school-item').bind('click', function(){

　　var item=$(this);

　　var school = item.attr('school-id');

　　//更新选择大学文本框中的值

　　$('#school-name').val(item.text());

　　//关闭弹窗

　　hide();

　　}

　　);

　　}