무한 linkage_jquery를 달성하려면 js jquery를 사용하십시오.

今天工作需要写树形的联动，于是写了个可扩展的无限极联动下拉选项
代码写的比较凌乱 先mark有空再整理

随便截个图！
先贴数据库

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

페이지 코드에 사용되는 SMART

코드 복사 코드는 다음과 같습니다

 
 
                                                                                        category_name}
                                                                 데이터를 제거하는 PHP 코드는



코드 복사

코드는 다음과 같습니다. $sql = " select * from yl_gallery_category where pid = 0" $galleryCategory = $db->query($sql); $smarty->sign("galleryCategory",$galleryCategory);

사용된 원본 코드는 비교적 이해하기 쉽습니다
그 다음으로 핵심 JS 코드 함수 변경(val ) {

코드 복사

코드는 다음과 같습니다.

var str = val; //ID 선택
var num; //현재 레벨
var id; //카테고리 ID
num = str.substr(9,10) 🎜> //alert(num);
var nownum = parsInt(num) 1; // 문자열을 숫자로 변환
id = $("#" str "").val()
r = /^[1-9] [0-9]*]*$/; //양의 정수
if (!r.test(id)) {
//오래된 옵션 지우기
          $("선택")                                                                                                                            } )

false 반환;
}
var url = 'gallery.php?act=category&pid=' id;
$.ajax({
유형: "POST",
캐시: false,
url: url,
데이터 유형: 'json',
시간 초과: 3000,
성공: 함수(결과){
if ( 결과 != 0) {
            var html = "

"; /option>";
var datas = eval(result);
$.each(datas, function(i,val){                  value='" val.id "' >" val.category_name "< /option>";
                                                      오래된 옵션 비어 있음
             $("select")              
})

                    $("#select"                                                                                                                                                        ​ })　　　}

},
오류: false
});

}


AJAX 데이터 검색 PHP 코드




코드 복사


코드는 다음과 같습니다.

$sql = " yl_gallery_category에서 * 선택 여기서 pid = " .$pid;
    $res = $db->query($sql);
    if (empty($res)) {
        $res = 0;
    }
    echo json_encode($res);

OK 大功告成！