使用js jquery實現無限極聯動_jquery
jquery
js
今天工作需要写树形的联动,于是写了个可扩展的无限极联动下拉选项
代码写的比较凌乱 先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 |
頁面程式碼用的SMARTY
程式碼🎜>
$galleryCategory 去資料的PHP代碼為
$galleryCategory 去資料的PHP代碼為複製程式碼
程式碼如下:$sql = " select * from yl_gallery_category where pid = 0";
$smarty->assign("galleryCategory",$galleryCategory);
用的原生態碼還是比較容易理解的
然後就是關鍵的JS程式碼了function change(val) {
複製程式碼 程式碼如下:
var str = val; //select的id
var num; //目前級數
var id; // 分類id
num = str.substrnum = str.substr. ;
//alert(num);
var nownum = parseInt(num) 1; // 將字串轉換為數字
id = $("#" str "").val();
var r = /^[1-9] [0-9]*]*$/; //正整數
if (!r.test(id)) {
選項
$("select").each(function(index){
);
}
})
return false;
}
var url = 'gallery.php?act=category&pid=' id "POST",
cache: false,
url: url,
success: function(result){
if ( result != 0) {
var html = "
OK大功告成!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)