js+jquery 无限极联动

js+jquery 无限极联动

今天工作需要 要写树形的联动，于是写了个可扩展的无限极联动下拉选项

代码写的比较凌乱 先mark  有空再整理

操蛋！

公司连QQ都不能上 随便截个图！

先贴数据库

id	category_name 分类名	pid 父分类id	orders 排序
1	22223331	0	1
2	2222111	1	1
12	44444	11	0
5	2222	1	1
6	2222	1	1
11	333	2	0
13	555555	12	0

页面代码 用的SMARTY

 
    
        请选择分类
        
            {$category.category_name}
            
    

$galleryCategory 去数据的PHP代码为

$sql = " select * from yl_gallery_category where pid = 0";
$galleryCategory = $db->query($sql);
$smarty->assign("galleryCategory",$galleryCategory);

　　给辞职的同事的项目擦屁股  用的原生态代码 还是比较容易理解的

然后就是关键的 JS代码了 change(val) {

 str = val; 
     num; 

     id; 
    num = str.substr(9,10
     nownum = parseInt(num)+1; 
    id = $("#"+str+"" r = /^[1-9]+[0-9]*]*$/;　
     (!
        $("select").each((index+1 >  url = 'gallery.php?act=category&pid='+"POST"'json'3000 ( result != 0 html = "<select name=category_"+nownum+"     id=category_"+nownum+"  onChange=change('category_"+nownum+"'); >"+= "<option>请选择分类 </option>" datas =+= "<option value='"+val.id+"' >"+val.category_name+"</option>"+= "</select>"
                $("select").each((index+1 >"#select"

　　　　　　　　　　//清空过时的选项
                $("select").each(function(index){
                    if(index+1 > num) {
                        $(this).remove();
                    }
                })

AJAX 取数据的PHP代码 

$sql = " select * from yl_gallery_category where pid = " .$pid;
	$res = $db->query($sql);
	if (empty($res)) {
		$res = 0;
	}
	echo json_encode($res);

　OK 大功告成！