js jquery を使用して無限の linkage_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

SMARTY はページ コードに使用されています

コードをコピーします コードは次のとおりです:

category_name}
データを削除する PHP コードは



コードをコピー

コードは次のとおりです。 $sql = " select * from yl_gallery_category where pid = 0"; $galleryCategory = $db->query($sql); $smarty->assign("galleryCategory",$galleryCategory);

使用されている元のコードは比較的理解しやすいです
次に重要な JS コード関数の変更(val) ) {

コードをコピー

コードは次のとおりです:

var str = val; //id を選択
var num; //カテゴリ id
num = str.substr(9,10) ;
//alert(num);
var nownum = parseInt(num) 1; // 文字列を数値に変換します
id = $("#" str "").val(); r = /^[1-9] [0-9]*]*$/; //正の整数
if (!r.test(id)) {
//古いオプションをクリア
$("選択") } )

return false;
}
var url = 'gallery.php?act=category&pid=' id;
$.ajax({
タイプ: "POST"、
キャッシュ: false、
URL: URL、
データ型: 'json'、
タイムアウト: 3000、
成功: function(result){
if ( result != 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 = " select * from yl_gallery_category where pid = " .$pid;
$res = $db->query($sql);
if (empty($res)) {
$res = 0;
}
echo json_encode($res);

OK 大功告成！