Layuiは三級連動を実現

html、私はここでjspを使っているので、cラベルを使って、htmlの場合ajaxを使ってトップクラスの分類を初期化することができます

        

              
            

                
                           
                    
                        ${tag.name}
                    
                
            

            

                
                           
                
            
            

                
                           
                
            
        

js,リスニング一級二級分類ドロップダウンボックス選択イベント,動的クエリーデータベース分類

     
    form.on('select(tag1)', function (data) {
            // console.log(data.elem); //  select  DOM  
            // console.log(data.value); //       
            // console.log(data.othis); //      DOM  
            var parentId = data.value;
            if (parentId === "" || parentId < 1) {
                return;
            }

            $.post("${baseUrl }/cms/admin/knowlege/getchildrentags", {parentId: parentId}, function (res) {
                if(res.code==0){
                   var tag2List= res.result;
                   var options="";
                    for (var i = 0; i < tag2List.length; i++) {
                        var tag = tag2List[i];
                        options+=' '+tag.name+'';
                    }
                    $("select[name='tag2']").html(options)
                    //      
                    //  1 type    2 filter
                    form.render('select');
                }
                else{
                    layer.msg('    ！', {icon: 5});
                }
            })
        });



        form.on('select(tag2)', function (data) {
            var parentId = data.value;
            if (parentId === "" || parentId < 1) {
                return;
            }
            $.post("${baseUrl }/cms/admin/knowlege/getchildrentags", {parentId: parentId}, function (res) {
                if(res.code==0){
                    var tag3List= res.result;
                    var options="";
                    for (var i = 0; i < tag3List.length; i++) {
                        var tag = tag3List[i];
                        options+=' '+tag.name+'';
                    }
                    $("select[name='tag3']").html(options)
                    //      
                    //  1 type    2 filter
                    form.render('select');
                }
                else{
                    layer.msg('    ！', {icon: 5});
                }
            })
        });