当前页面: 开发资料首页 → JSP 专题 → 如何制作联动下拉式选单？

如何制作联动下拉式选单？

摘要: 如何制作联动下拉式选单？

RT
数据库中有这样的一个表，如下
联想 aa
联想 bb
联想 cc
方正 dd
方正 ee
同方 ff
同方 gg
同方 hh
需要产生下拉式选单，由第一个品牌决定第二个型号，例如我第一个选单选同方，第二个选单就只有ff，gg，hh三个选项；第一个选单选方正，第二个选单就只有dd，ee两个选项。

---

怎么没有人回答啊!?

提前谢谢大家,这个对我很关键 ....

---

用JS实现

http://www.51windows.net/myjs/?u=/hw/asp/jsview.asp?id=351

去这里找吧

---

Ajax实现二级联动下拉框
http://www.blogjava.net/rickhunter/archive/2006/10/16/46582.html#75452

javascript实现二级联动下拉框
http://www.blogjava.net/rickhunter/articles/64607.html

---

function FunChange()
{
var Cate = window.form1.Cate.value;
var sCate = document.getElementById("sCate")
ReadSelect(Cate,sCate);
}

function ReadSelect(Select_Cate,obj)
{
var ArrayCate = new Array("CPUs:AMD Sempron - Socket AM2",

"Cooling:Cooler");

var ArrayTmp;

ClearSelect(obj);

// obj.options.add(new Option("Choose...",""));
for (var i =0;i ArrayTmp = ArrayCate[i].split(":");
//ParentID = ArrayTmp[0];
if (ArrayTmp[0]==Select_Cate)
{
obj.options.add(new Option(ArrayTmp[1],ArrayTmp[1]));
}
}
}

function ClearSelect(obj)
{
var Options = obj.options;
for (var i = Options.length;i>-1;i--) {
Options.remove(i);
}
obj.options.add(new Option("Choose

---

var Cate = window.form1.Cate.value;
var sCate = document.getElementById("sCate")
//two select

var ArrayCate = new Array("CPUs:AMD Sempron - Socket AM2","Cooling:Cooler"); //child select

---

俺小研究一下，不太明白Js的用法 。。。

分数稍后奉上 ！！！

---