png背景图片在ie6下透明代码
作者:wang 日期:2011-04-26
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。