为了美化 select下拉框 用的是ul li代替的 具体html代码如下：

            
再来顶级栏目
            

            
顶级分类
                            
  新闻资讯
                             
    企业新闻
                             
    行业资讯
                             
    产品问答
                             
    测试二级栏目
                             
  测试顶级栏目
                             
  再来顶级栏目
                             
    顶级二级栏目
                             
    111
                             
    222
                             
    dwz
                             
    再来二级的
                             
  二次二级栏目
               
            
        

 
       

上面的代码 需要一个弹出层触发才会出来的 然后通过点击p的 select-title 来让下面的ul显示出来 具体的 js代码如下：select方法 是触发点击显示隐藏的

$(document).on('click','.addinfo,.add',function(){
    $('.select-title span').attr('data-val',$(this).siblings('.edit').attr('val'));
    $('.select-title span').text($(this).attr('txt'));
    layer.open({
         area: ['60%', '80%'],
          type: 1,
          title: false,    
          shift: 2,
          content: $('#add')
        });
    select();
});

function select(){
    $(".select-title").on("click",function(){
        $(".select-list").toggle();
        return false;
    });
}

不知道怎么回事 第一次在这个弹出层里点击正常出来 把弹出层关闭之后再打开弹出层 第二次点击点不动 再关闭打开 第三次又能出来了