自關聯jquery無限級聯下拉列表

2021-09-02 07:02:34 字數 1760 閱讀 2290

本級聯適用於: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...