用jquery生成二级菜单的实例代码_jquery

javascript

页面中的函数

复制代码 代码如下:

function querySub(id,sid/*选中的项*/){
$.post('${path}/page/article/querySubChannelArticle.action',
                {'channelId':id},function(data){
                    $('select[name="article.subChannel.subId"] option[value!=""]').remove();
                    var jsonObj = data;   
                    for ( var i = 0; i                         var $option = $('');
                        $option.attr('value',jsonObj[i].subId);
                        if(jsonObj[i].subId === sid){
                            $option.attr('selected',true);
                        }
                        $option.text(jsonObj[i].subName);
                        $('select[name="article.subChannel.subId"]').append($option);
                    }
                });
        }

        $(function(){
            querySub(,);
        });
 

页面代码：

复制代码 代码如下:

                    一级栏目
                         
                                                            listValue="channelName" 
                                key="article.subChannel.channel.channelId"
                                onchange="querySub(this.value)">
                         
                
                
                    二级栏目
                         
                         
                         
                

服务器端

复制代码 代码如下:

 public String querySubChannelArticle(){ 
        HttpServletResponse response=getResponse();
        HttpServletRequest request=getRequest();
        response.setContentType("application/json; charset=UTF-8");
        PrintWriter out =null;
        try {
            out = response.getWriter();

            List

其实蛮简洁的