?如何实现两个下拉列表间的联动

[libd2319]

例如在第一个列表框选省份，第二个列表框根据省份显示该省的城市供选择

[jiang_xiao]

应该是通过javascript来实现

[masse]

<script>
function Muti_List(eOutput, oGames)
{
Expand(eOutput, oGames, eOutput);
}

function RemoveChild(eElement)
{
while(eElement = eElement.eChild)
{
eElement.removeNode(true);
}
}

function Expand(eParent, oObject, eOutput)
{
var eSelect = document.createElement("SELECT");
eParent.insertAdjacentElement("afterEnd",eSelect);
eParent.eChild = eSelect;
eSelect.oData = oObject;

var eOption;
eOption = document.createElement("OPTION");
eSelect.options.add(eOption);

var key;
for(key in oObject)
{
eOption = document.createElement("OPTION");
eSelect.options.add(eOption);
eOption.innerText = key;
eOption.oData = oObject[key];
}
eSelect.onchange = function ()
{
RemoveChild(eSelect);
var eSelectedOption = eSelect.options[eSelect.selectedIndex];
var oData = eSelectedOption.oData;
if(oData)
{
if(typeof(oData) == "string")
{
eOutput.value = oData;
}
else
{
eOutput.value = "请选择下拉列表";
Expand(eSelect, oData, eOutput);
}
}
else
{
eOutput.value = "请选择下拉列表";
}

}
}
</script>

<script>
var oServerData = new Object;
oServerData["大话II"] = new Object;
oServerData["大话II"]["推荐"] = new Object;
oServerData["大话II"]["推荐"]["粤韵飘香"] = "大话II.粤韵飘香";
oServerData["大话II"]["天界"] = new Object;
oServerData["大话II"]["天界"]["云中殿"] = "大话II.云中殿";
oServerData["大话II"]["天界"]["御花园"] = "大话II.御花园";
oServerData["大话II"]["天界"]["帝尧宫"] = "大话II.帝尧宫";
oServerData["大话II"]["天界"]["吉祥天"] = "大话II.吉祥天";
oServerData["大话II"]["地界"] = new Object;
oServerData["大话II"]["地界"]["车迟国"] = "大话II.车迟国";
oServerData["大话II"]["地界"]["流沙河"] = "大话II.流沙河";
oServerData["大话II"]["地界"]["朱紫国"] = "大话II.朱紫国";
oServerData["大话II"]["地界"]["钦法国"] = "大话II.钦法国";
oServerData["大话II"]["地界"]["月陀国"] = "大话II.月陀国";
oServerData["大话II"]["地界"]["高老庄"] = "大话II.高老庄";
oServerData["大话II"]["人界"] = new Object;
oServerData["大话II"]["人界"]["陷空山"] = "大话II.陷空山";
oServerData["大话II"]["人界"]["火云洞"] = "大话II.火云洞";
oServerData["大话II"]["人界"]["莲花山"] = "大话II.莲花山";
oServerData["大话II"]["修罗"] = new Object;
oServerData["大话II"]["修罗"]["华山论剑"] = "大话II.华山论剑";
oServerData["大话II"]["修罗"]["情系今生"] = "大话II.情系今生";
oServerData["大话II"]["修罗"]["彩云之南"] = "大话II.彩云之南";
oServerData["大话II"]["修罗"]["至尊宝"] = "大话II.至尊宝";

oServerData["梦幻"] = new Object;
oServerData["梦幻"]["湖南区"] = new Object;
oServerData["梦幻"]["湖南区"]["岳阳楼"] = "梦幻.岳阳楼";
oServerData["梦幻"]["湖南区"]["橘子洲"] = "梦幻.橘子洲";
oServerData["梦幻"]["湖南区"]["浏阳河"] = "梦幻.浏阳河";
oServerData["梦幻"]["湖南区"]["洞庭湖"] = "梦幻.洞庭湖";
oServerData["梦幻"]["追忆"] = new Object;
oServerData["梦幻"]["追忆"]["梦回奔日"] = "梦幻.梦回奔日";
oServerData["梦幻"]["追忆"]["梦回望月"] = "梦幻.梦回望月";
oServerData["梦幻"]["追忆"]["再续前缘"] = "梦幻.再续前缘";
oServerData["梦幻"]["追忆"]["青山绿水"] = "梦幻.青山绿水";
oServerData["梦幻"]["推荐区"] = new Object;
oServerData["梦幻"]["推荐区"]["碧海银沙"] = "梦幻.碧海银沙";
oServerData["梦幻"]["推荐区"]["富乐山"] = "梦幻.富乐山";
oServerData["梦幻"]["推荐区"]["华顶山庄"] = "梦幻.华顶山庄";
oServerData["梦幻"]["推荐区"]["群英荟萃"] = "梦幻.群英荟萃";

</script>


<input type="text" name="GroupName" readonly value="请选择下拉列表">
<script language="jscript">
Muti_List(document.all.GroupName,oServerData);
</script>

[masse]

http://community.csdn.net/Expert/topic/4128/4128849.xml?temp=.2925684