您的位置：首页 > Web前端 > JavaScript

级联选择控件 JS

2007-05-07 20:37 651 查看

级联选择控件 JS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<SCRIPT LANGUAGE="JavaScript">...

<!--

var cities = new Array(4);

cities["Australia"] = ["Sydney","Melbourne"];

cities["France"] = ["Paris","Lyon"];

cities["Japan"] = ["Tokyo","Kyoto"];

cities["New Zealand"] = ["Auckland","Wellington"];

function removeOption(optionMenu)

...{

for (var i=0;i<optionMenu.options.length ;i++ )

...{

optionMenu.options[i] = null;

}

function addOptions(optionList,optionMenu)

...{

removeOption(optionMenu);

for (var i=0;i < optionList.length ;i++ )

...{

optionMenu[i] = new Option(optionList[i],optionList[i]);

}

//-->

</SCRIPT>

</HEAD>

<BODY>

国家： <SELECT NAME="country" onchange="addOptions(cities[this.options[this.selectedIndex].text],document.testform.city);">

<OPTION VALUE="" SELECTED>Australia</option>

<OPTION VALUE="">France</OPTION>

<OPTION VALUE="">Japan</OPTION>

<OPTION VALUE="">New Zealand</OPTION>

</SELECT>

<br>

城市<SELECT NAME="city">

<OPTION VALUE="">Sydney</OPTION>

<OPTION VALUE="">Melbourne</OPTION>

</SELECT>

</FORM>

</BODY>

</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： generator function javascript html action null

相关文章推荐

新的分享

章节导航