本級聯適用於:pid自關聯資料結構,頂級的pid為0,子級的pid為父級的id.
/*** 功能描述:
* 城市級聯js
* @author gyx
*/$(document).ready(function() ' 為自定義方法,用於替換指定字串
var deffmt = "==";
// 可設定某些id的預設顯示文字
"deftxt" :deffmt.format('請選擇'), // 預設選項
"province" :deffmt.format('省級區劃'), // 可選
"city" :deffmt.format('市級區劃'), // 可選
"region" :deffmt.format('區、縣級區劃'),// 可選
"street" :deffmt.format('街道'), // 可選
"community" :deffmt.format('社群') // 可選
}; // 定義初始化時自動載入的第乙個下拉列表的id
var frist = $("#province");
// 初始查詢id = 0
if(frist.val()==0)
//********************=
// province city region street
// 切換省市區,繫結所有指定class的下拉列表change事件
$("select[class='ocountry']").change(function() );
/*** 呼叫資料介面
* @param top 是否為頂級列表(初始化使用,使用者控制資料是填充本元素還是子元素)
* @param obj 當前元素
*/function callcountry(top, obj), "json");
}else }
/*** 填充當前節點並設定子節點
* @param top 是否為頂級列表
* @param obj 當前操作物件
* @param data 資料列表json返回
* @param nextid 下級元素id
*/function setnode(top, obj, data, nextid)else
$("#"+id).empty();// 移除子節點
if(deftext==undefined)
cleannext(nextid); // 清空下級列表
$.each(data, function(key, val) ); }
/*** 重置下級列表為預設值
*/function cleannext(nextid)
nextid = $("#"+nextid).attr("next");
} }});/** 格式化輸入字串**/
//用法: "hello".format('world');返回'hello world'
string.prototype.format= function()/g,
function(s,i));
};
html:
需設定class為 'ocountry' 攔截change事件,並設定本級id與下一級的id屬性
=請選擇=
=請選擇=
=請選擇=
=請選擇=
=請選擇=
jquery無限級建立DOM節點
實現 var data child child child child function function setdata name,data 無限級建立dom節點 param opt 引數物件 param parent 父級容器 function createdom opt,parent l 存在...
MySQL無限級分銷, PHP無限級分銷
需求 a推薦b,b推薦c c推薦d 永遠不斷,不限制推薦層級 每個人只允許有乙個上線 根據下線的人數設定規則規則,也可實現五級三晉制 資料結構為 典型的樹結構 需解決的問題 1 快速查詢某人的所有上線 2 快速查詢某人的所有下線 3 快速為某人增加乙個下線 解決方案 有四種 一 鄰接表 依賴父節點 ...
無限級分類
相信在實際專案中很多人在做專案的時候都會用到無限級分類,無限級分類說白了就是乙個遞迴,遞迴在我們的專案開發中起到很重要的作用,如 麵包屑導航等。下面我們演示乙個遞迴的案例 area array array id 1,name 安徽 parent 0 array id 2,name 海淀 parent...