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

RSS 订阅当前论坛  

【村长请吃饭啊】 ---北京诚聘--- 【你还在犹豫吗?】

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



UID 63241
精华 0
积分 76
帖子 81
金钱 76 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2005-2-18
状态 离线
贴一个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
积分 694
帖子 424
金钱 694 喜悦币
威望 0
人脉 0
阅读权限 50
注册 2006-5-9
来自 REFERER
状态 离线
[推荐阅读] 谁知道哪里有制作网页的背景图片啊?~~
要用到AJAX吗?我直接做成一个JS,那不更好。



硬盘挂了,东东丢了.
2007-9-20 04:42 PM#2
查看资料  访问主页  Blog  发短消息  顶部
 
冰雪风谷
新手上路
Rank: 1



UID 97851
精华 0
积分 25
帖子 24
金钱 25 喜悦币
威望 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.031341 second(s), 6 queries

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