欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

js+jquery 无限极联动_PHP教程

程序员文章站 2024-02-03 09:19:34
...
今天工作需要 要写树形的联动,于是写了个可扩展的无限极联动下拉选项

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

js+jquery 无限极联动_PHP教程

操蛋!

公司连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").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 大功告成!



www.bkjia.comtruehttp://www.bkjia.com/PHPjc/440345.htmlTechArticle今天工作需要 要写树形的联动,于是写了个可扩展的无限极联动下拉选项 代码写的比较凌乱 先mark 有空再整理 操蛋! 公司连QQ都不能上...