JavaScript-联动select菜单详解
作者:wang 日期:2011-04-25
JavaScript-联动select菜单完全解析，看完本例后你将彻底了解有关网页联动菜菜的用法。如果再配上Ajax技术，那么联动的select框效果将会更好。
现在联动菜单在网页上应用得非常广泛，尤其用在导航选择上、地区选择等上。既方便又实用。选择一项后，相关连的下拉选立即显示相相关的选项来，用起来真的很方面。但看了这么多的应用效果后，却没有发现一篇较全面讲解，联动菜单的文章。今天，偶就来详尽讲下联动select框的实现。附后的例子是非常全面的实例，包括下拉框和多行选择框效果，几乎涉及到了联动菜单的全面，其中还有很多注释的哦。
首先在名字为my的form里建两个select框,a呢，当然是选择用啦，而b就是改变后与a所选值相关的选择项。JavaScript代码就可以如下写(其实最主要用到的是new Option()这个内置函数)。我们先创建了一个ChangeSelect()函数。内容如下：
1,定义一个数组,weeks=new Array;
2,然后给数组1赋值，weeks[0]=new Array("Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday");可以用作b选框的value。
现在联动菜单在网页上应用得非常广泛，尤其用在导航选择上、地区选择等上。既方便又实用。选择一项后，相关连的下拉选立即显示相相关的选项来，用起来真的很方面。但看了这么多的应用效果后，却没有发现一篇较全面讲解，联动菜单的文章。今天，偶就来详尽讲下联动select框的实现。附后的例子是非常全面的实例，包括下拉框和多行选择框效果，几乎涉及到了联动菜单的全面，其中还有很多注释的哦。
首先在名字为my的form里建两个select框,a呢，当然是选择用啦，而b就是改变后与a所选值相关的选择项。JavaScript代码就可以如下写(其实最主要用到的是new Option()这个内置函数)。我们先创建了一个ChangeSelect()函数。内容如下：
1,定义一个数组,weeks=new Array;
2,然后给数组1赋值，weeks[0]=new Array("Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday");可以用作b选框的value。
