ホームページ >ウェブフロントエンド >jsチュートリアル >js jquery を使用して無限の linkage_jquery を実現する

js jquery を使用して無限の linkage_jquery を実現する

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:33:211193ブラウズ

今天工作需要写树形的联动,于是写了个可扩展的无限极联动下拉选项
代码写的比较凌乱 先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 はページ コードに使用されています

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


コードをコピー

コードは次のとおりです。 $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 = "
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。