一个ajax 的联动菜单
时间:2007-09-27
来源:互联网
这个主要是为了选择城市而写的
CODE:
<?php
/**
[email protected]
citys, 联动菜单
选定值,表单名,选择框名,连动清空如每三个
citys.init(value,form,select,clean);
**/
var citys = {
value: 0,
form: null,
select: null,
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 == 4 && 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);
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'));
}
}
?>
CODE:
<?php
/**
[email protected]
citys, 联动菜单
选定值,表单名,选择框名,连动清空如每三个
citys.init(value,form,select,clean);
**/
var citys = {
value: 0,
form: null,
select: null,
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 == 4 && 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);
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'));
}
}
?>
作者: samsung 发布时间: 2007-09-26
Thanks.
:)
:)
作者: luzhou 发布时间: 2007-09-28
:') 这东西怎么用啊...说一个例子吧~
作者: 17too 发布时间: 2007-09-28
citys.init(value,form,select,clean);
这里不是写了吗?
这里不是写了吗?
作者: andsky 发布时间: 2007-10-18
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28