首頁 > php教程 > php手册 > ThinkPHP 三級連動

ThinkPHP 三級連動

PHP中文网
發布: 2016-08-26 10:12:51
原創
863 人瀏覽過

HTML:

1

2

3

4

5

<div id="cBox">

<select id="pro">

<option>--请选择省份--</option>

</select>

</div>

登入後複製

JS:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

$(function(){

$.ajax({type:&#39;GET&#39;, url:&#39;__URL__/linkage&#39;, data:&#39;upid=0&#39;,

success:function( data ){

var proOption = &#39;&#39;;//用来存放省份的选项

for( var i=0;i<data.length;i++){

proOption += &#39;<option value=&#39;+data[i].id+&#39;>&#39;+data[i].name+&#39;</option>&#39;;

}

$(&#39;#pro&#39;).append(proOption);

}, dataType:&#39;json&#39;

});

$(&#39;#cBox&#39;).on(&#39;change&#39;,&#39;select&#39;,function(){

var ob = $(this);

ob.nextAll(&#39;select&#39;).remove();

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

$.get(&#39;__URL__/linkage&#39;, {upid:val}, function(res){

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

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

 

switch( len ){

case 1:

idValue = &#39;city&#39;;

break;

case 2:

idValue = &#39;qu&#39;;

break;

case 3:

idValue = &#39;xian&#39;;

break;

case 4:

idValue =&#39;dao&#39;;

break;

default:

idValue = &#39;222&#39;;

break;

}

var select = &#39;<select id="&#39;+idValue+&#39;"><option>--请选择--</option>&#39;;

for( var i=0;i<res.length;i++){

select += &#39;<option value="&#39;+res[i].id+&#39;">&#39;+res[i].name+&#39;</option>&#39;;

}

select +=&#39;</select>&#39;;

ob.after( select );

},&#39;json&#39;

);

});

});

登入後複製

 

TP:

1

2

3

4

5

public function linkage() {

$map[&#39;pid&#39;] = I(&#39;get.upid&#39;);

$cityList = M(&#39;category&#39;)->where($map)->select();

echo json_encode($cityList);

}

登入後複製


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板