js多级菜单

Question

高分求js多级菜单源码

Answer 1

http://www.cnbruce.com/blog/showlog.asp?log_id=1086

Answer 2

http://www.rocsky.net/blog/read.php/58.htm

Answer 3

http://ajax.cnrui.cn/article/1/3/2006/20060601188.shtml

Answer 4

代码
   
var DoubleCombo = Class.create();    
   
DoubleCombo.prototype = {    
        
   initialize: function(source, target, ignore, url, options, excute) {    
    this.source = $(source);    
    this.target = $(target);    
    this.ignore = $A(ignore);    
    this.url = url;    
    this.options = $H(options);    
    this.source.onchange = this.doChange.bindAsEventListener(this);    
    if(excute) {    
        this.doChange();    
     }    
   },    
      
   doChange: function() {    
        
    if(this.source.value != '') {    
            
        // first clear the ignore ones    
        this.ignore.each(    
             function(value) {    
                 $(value).options.length = 1;    
                 $(value).options[0].selected = 'selected';    
             }    
         );    
            
        // create parameter for ajax    
         var query = $H({ id: this.source.value });    
        
         var parameters = {    
             method: 'post',     
             parameters: $H(this.options).merge(query).toQueryString(),     
             onComplete: this.getResponse.bindAsEventListener(this)    
         }    
        
         var locationRequest = new Ajax.Request( this.url, parameters );    
     }    
        
   },    
      
   getResponse: function(request) {    
    this.target.options.length = 1;    
    this.target.options[0].selected = 'selected';    
     var response = $A(request.responseText.trim().split(';'));    
     response.length--;    
    for(var i = 0; i < response.length; i++) {    
         var optionParam = response[i].split(',');    
        this.target.options[this.target.options.length] = new Option(optionParam[1], optionParam[0]);    
     }    
   }    
}   
简单说一下几个参数吧： 
source 第一级菜单target 联动菜单ignore 当有时候3级联动时，例如 国家 省 市 例如上海没有省的，可以忽略第3级菜单url action urloptions action参数excute 是否联动拿比较常见的例子来看 国家 省 市 3级联动来作为例子
代码
<html-el:select property="country" styleId="country" >   
    <html-el:options collection="countries" property="id" labelProperty="name" />   
</html-el:select>   
   
<html-el:select property="province" styleId="province">   
    <option value="">--Please Select--</option>   
          ................    
</html-el:select>   
   
<html-el:select property="city" styleId="city">   
    <option value="">--Please Select--</option>   
          ................    
</html-el:select>   
   
<script type="text/javascript">   
     new DoubleCombo('country', 'province', null, '<c:url value="/xxxx.do?combo=true"></c:url>', {});    
   
<script type="text/javascript">   
     new DoubleCombo('province', 'city', null, '<c:url value="/xxxx.do?combo=true"></c:url>', {});   
 
 

Answer 5

感谢2位！xiyuan1999的这个代码我看不懂，不知道怎么用啊