喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

RSS 订阅当前论坛  

$5.95 Web Hosting     

上一主题 下一主题
     
标题: [原创] 贴一个ajax 的联动菜单  
 
andsky (andsky)
注册会员
Rank: 2
一般会员



UID 63241
精华 0
积分 77
帖子 82
金钱 77 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2005-2-18
状态 离线
[广告]: Enom域名自助付费 自助注册 自助PUSH 主流域名COM等一律57.99元年
贴一个ajax 的联动菜单

这个主要是为了选择城市而写的

<?php
/**
[email]andsky888@gmail.com[/email]
citys, 联动菜单
选定值,表单名,选择框名,连动清空如每三个
citys.init(value,form,select,clean);
**/

var citys = {
        
value0,
        
formnull,
        
selectnull,
        
url"index.php?module=ajax&action=province&cid=",
            
        
init: function (value,form,select,clean)
        {
            
//alert(value);
            
this.value value;
            
this.form document.forms[form];
            
this.select select;
            
//alert(clean);
            
if (typeof clean != 'undefined')
            {
                
this.Clean(clean);
                
this.Default(clean);
            }
            
//alert(value);
            
if (value == -1) return;
            
this.GetData();
            
            

        },

        
GetData: function()
        {
            var 
req = new Request(
                        function()
                        {
                            if (
req.xmlhttp.readyState == && req.xmlhttp.status == 200)
                            {
                                
//alert(req.xmlhttp.responseText);
                                
citys.SetData(req.xmlhttp.responseText);
                                
                            }
                        }
                    );
            
req.get(this.url+this.value);

        },

        
SetData: function(data)
        {
                var 
rxr data.trim().split(",");
                
this.Clean(this.select);
                
this.Default(this.select);
                
//alert(rxr.length);
                
if (rxr.length 1)
                {
                    for (var 
i=0;i<rxr.length i++)
                    {
                        
//alert(rxr[i]);
                        
var oOption document.createElement("option");
                        
txt rxr[i].split("|")
                        
oOption.text txt[1];
                        
oOption.value txt[0];
                        
//document.all(this.select).options.add
                        //select.options.add(oOption);
                        
this.form[this.select].options.add(oOption);
                    }
                }

        },

        
Clean: function(id)
        {
            
this.form[id].options.length=0;

        },

        Default: function(
id)
        {
            
this.form[id].options.add(new Option('----','-1'));
        }

        


}
?>
2007-9-17 04:45 PM#1
查看资料  访问主页  发短消息  顶部
 
millken
高级会员
Rank: 4


UID 73040
精华 0
积分 740
帖子 493
金钱 740 喜悦币
威望 0
人脉 0
阅读权限 50
注册 2006-5-9
来自 REFERER
状态 离线
[广告]: Enom域名自助付费 自助注册 自助PUSH 主流域名COM等一律57.99元年
要用到AJAX吗?我直接做成一个JS,那不更好。



Blogger 免费搭建的个人BLOG
2007-9-20 04:42 PM#2
查看资料  Blog  发短消息  顶部
 
冰雪风谷
新手上路
Rank: 1



UID 97851
精华 0
积分 28
帖子 27
金钱 28 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2007-9-1
状态 离线
[推荐阅读] 中级水平的我来找工作-上海
哦,我拿js做过一个,可以参考下的
http://blog.sina.com.cn/s/blog_491fdb0401000c06.html
2007-9-30 07:29 PM#3
查看资料  发短消息  顶部
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.028118 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP