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。
Javascript 单数组实现列表框两级联动三级联动
作者:wang 日期:2011-04-24
javascript在两个下拉列表框中显示我国的省和市的代码!
作者:wang 日期:2011-04-24
javascript实现下拉列表框显示(输入拼音头显示选项)
作者:wang 日期:2011-04-24
C#中Split用法
作者:wang 日期:2011-04-21
在局域网内部实现MSN通讯服务
作者:wang 日期:2011-04-17
asp.net(vb.net)连接sql server 2000数据库的连接模块(module)
作者:wang 日期:2011-04-07
serv-u ODBC设置 及 MSSQL数据库设置
作者:wang 日期:2011-03-22
1、运行MSSQL企业管理器,新加数据库ServU,新建SQL登录账号ServU,密码xxxx,指定为数据库的dbowner,指定默认数据库为ServU
2、在企业管理器中选中数据库ServU,进入顶部菜单 工具——查询分析器,将下面"建表SQL语句"后面的所有内容复制到查询分析器中运行
4、创建系统DSN,名称为ServU,指向SQL Server的数据库ServU
5、在Serv-U Administrator里面新建域Simple Domain,使用ODBC存储,在树形菜单中选中Simple Domain,点击右侧控制面板上部的'ODBC'
选项卡,在下面第1、2、3格中分别填入系统DSN的名字、使用的账号、密码,点应用。
2、在企业管理器中选中数据库ServU,进入顶部菜单 工具——查询分析器,将下面"建表SQL语句"后面的所有内容复制到查询分析器中运行
4、创建系统DSN,名称为ServU,指向SQL Server的数据库ServU
5、在Serv-U Administrator里面新建域Simple Domain,使用ODBC存储,在树形菜单中选中Simple Domain,点击右侧控制面板上部的'ODBC'
选项卡,在下面第1、2、3格中分别填入系统DSN的名字、使用的账号、密码,点应用。
asp中实现根据内网和外网用户IP进行页面跳转
作者:wang 日期:2011-03-20
css实现背景渐变
作者:wang 日期:2011-01-07
<table cellpadding="0" cellspacing="0" width="72%" height="30" border="0">
<tr>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
<tr>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
DIV+CSS 实现弧形框
作者:wang 日期:2011-01-07
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: HTML CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<html>
<head>
<title>Nifty Corners: HTML CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">