php做三级联动,ThinkPHP做的三级联动

HTML:

--请选择省份--

JS：

$(function(){

$.ajax({type:‘GET‘, url:‘__URL__/linkage‘, data:‘upid=0‘,

success:function( data ){

var proOption = ‘‘;//用来存放省份的选项

for( var i=0;i

proOption += ‘‘+data[i].name+‘‘;

}

$(‘#pro‘).append(proOption);

}, dataType:‘json‘

});

$(‘#cBox‘).on(‘change‘,‘select‘,function(){

var ob = $(this);

ob.nextAll(‘select‘).remove();

var val = $(this).val();

$.get(‘__URL__/linkage‘, {upid:val}, function(res){

if( res.length <=0 ) return false;

var len = $(‘#cBox select‘).length;

switch( len ){

case 1:

idValue = ‘city‘;

break;

case 2:

idValue = ‘qu‘;

break;

case 3:

idValue = ‘xian‘;

break;

case 4:

idValue =‘dao‘;

break;

default:

idValue = ‘222‘;

break;

}

var select = ‘--请选择--‘;

for( var i=0;i

select += ‘‘+res[i].name+‘‘;

}

select +=‘‘;

ob.after( select );

},‘json‘

);

});

});

TP：

public function linkage() {

$map[‘pid‘] = I(‘get.upid‘);

$cityList = M(‘category‘)->where($map)->select();

echo json_encode($cityList);

}