jquery 无限级联菜单案例分享_jquery

看到phpcms的地区级联菜单，感觉写的挺有意思，就说说大致步骤，省得忘了。

对于地区级联菜单的生成一般是在/data/cache_model/content_form.class.php文件的areaid()函数中。不过，这个只是一个cache至于什么地方生成还不没找到，所以暂时作为一个测试。（知道的同学告诉我哈！十分感谢）

在areaid（）的$js中添加

复制代码 代码如下:

function delChild(num)
{
$('#load_$field select').each(function(i,obj){
if(obj.id >num)
$('#'+obj.id).remove();
})
}

对应的，在/load.php中elseif($field == 'areaid' && $value)修改

复制代码 代码如下:

$str =
'onchange="delChild('.$id.');$(\'#'.$value.'\').val(this.value);this.disabled=false;area_load(this.value);">value="1">'.$LANG['please_select'].'';

就能去掉"选定地区后不能更改"的效果，并且当没有下级地名时不会删除多余的选择框。
传统的级联菜单呢，个人觉得传输数据相对较大，而且和数据库的关联似乎不好，所以就不贴代码了。

方法二：

复制代码 代码如下:

• 菜单一
  
  
  
  • 菜单一
  
  
  • 菜单二
  
  
  • 菜单三
  
  
  • 菜单四
  
  
  • 菜单五
    
    
    
    • 菜单一
    
    
    • 菜单二
    
    
    • 菜单三
    
    
    • 菜单四
    
    
    • 菜单五
      
      
      
      • 菜单一
      
      
      • 菜单二
      
      
      • 菜单三
      
      
      • 菜单四
      
      
      • 菜单五
        
        
        
        • 菜单一
        
        
        • 菜单二
        
        
        • 菜单三
        
        
        • 菜单四
        
        
        • 菜单二0
        
        
        
        
      
      
      
      
    
    
    
    
  
  
  
  


• 菜单二
  
  
  
  • 菜单一
  
  
  • 菜单二
  
  
  • 菜单二4
    
    
    
    • 菜单一
    
    
    • 菜单二
    
    
    • 菜单二4
      
      
      
      • 菜单一
      
      
      • 菜单二
      
      
      • 菜单三
      
      
      • 菜单四
      
      
      • 菜单二0
      
      
      
      
    
    
    • 菜单四
    
    
    
    
  
  
  
  


• 菜单三


• 菜单四


• 菜单二0
  
  
  
  • 菜单一
  
  
  • 菜单二
  
  
  • 菜单三