利用C标签遍历数据库数据打造二级菜单

想在JS里使用C：foreach 循环查询出的数据库数据，做出一个拥有二级菜单的左侧菜单，
有没有大神给个思路，模板代码更好了，谢谢了。

function initSideBarJsp(curPageHref){
var menuString='

    ';
        menuString+='<li><span></span><a href="${hisbean.permissionUrl}"> <i class="fa fa-th-large fa-fw"></i> <span class="menu-text">${hisbean.permissionDetail}</span> <span class="selected"></span> </a></li>';
</c:forEach>
    menuString+='</ul></div>';
    $("#sidebar").html(menuString);     
    var currP = $("#sidebar").find("a[href='"+curPageHref+"']").parent();
    currP.addClass("active");
    var k = $(currP[0].children[0]);
    k.addClass("wl-v-bar");
    }
initSideBarJsp("queryCard.do");
    jQuery(document).ready(function() {
        App.setPage("dynamic_table"); //Set current page
        App.init(); //Initialise plugins and elements
    }); 
    这是原本菜单的代码，但是只有一级菜单，想改造成有二级菜单的，求大神指点

根据一级的改变事件拿到一级的ID，再把一级的ID作为二级的查询条件传入方法内（select标签）

http://blog.csdn.net/bazingaea/article/details/53383624