贴一个ajax 的联动菜单

上一篇 / 下一篇 2008-01-24 16:40:46

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

[php]

/**
andsky888@gmail.com
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{
//alert(rxr);
var ōOption = document.createElement("option");
txt = rxr.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'));
}

}

[/php]