 |
|
|
 首页 |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
在设计数据库查询页面时，下拉菜单是常常使用的元素。很多时候你会希望选择了下拉菜单的一项后，相应的另一下拉菜单的内容会随之改变。这种功能可以通过刷新页面来实现，但界面显得不那么友好。在本文介绍例子中，不需要刷新页面便可达到目的。当在下拉菜单中选择了一个省份后，另一下拉菜单会出现该省份的一些城市供选择。我的基本思路是：在客户端脚本中，把下拉菜单可能会出现的所有内容预先存放于数组中，以后根据需要从数组中抽取数据写入下拉菜单中。以下是完整的代码： <HTML> <HEAD> <TITLE>动态改变下拉菜单内容示例</TITLE> </HEAD> <SCRIPT LANGUAGE=JavaScript> <!-- //定义一个二维数组aArray,用于存放城市名称。 var aCity=new Array(); aCity[0]=new Array(); aCity[1]=new Array(); aCity[2]=new Array(); aCity[3]=new Array(); //赋值，每个省份的城市存放于数组的一行。 aCity[0][0]="--请选择--" aCity[1][0]="--请选择--" aCity[1][1]="广州市"; aCity[1][2]="深圳市"; aCity[1][3]="珠海市"; aCity[1][4]="汕头市"; aCity[1][5]="佛山市"; aCity[2][0]="--请选择--" aCity[2][1]="长沙市"; aCity[2][2]="株州市"; aCity[2][3]="湘潭市"; aCity[3][0]="--请选择--" aCity[3][1]="杭州市"; aCity[3][2]="苏州市"; aCity[3][3]="温州市"; function ChangeCity() {var i,iProvinceIndex; iProvinceIndex=document.frm.optProvince.selectedIndex iCityCount=0; while (aCity[iProvinceIndex][iCityCount]!=null) iCityCount++;//计算选定省份的城市个数 document.frm.optCity.length=iCityCount;//改变下拉菜单的选项数 for (i=0;i<=iCityCount-1;i++)//改变下拉菜单的内容 document.frm.optCity[i]=new Option(aCity[iProvinceIndex][i]); document.frm.optCity.focus() } --> </SCRIPT> <BODY ONFOCUS=ChangeCity()> <H3>选择你所在的省份及城市</H3> <FORM NAME="frm"> <P>省份： <SELECT NAME="optProvince" SIZE="1" ONCHANGE=ChangeCity()> <OPTION>--请选择--</OPTION> <OPTION>广东省</OPTION> <OPTION>湖南省</OPTION> <OPTION>浙江省</OPTION> </SELECT> </P> <P>城市： <SELECT NAME="optCity" SIZE="1"> <OPTION>--请选择--</OPTION> </SELECT> </P> </FORM> </BODY> </HTML> 返回类别: 教程 上一教程: 避免表单的重复提交又一方式（js） 下一教程: ASP调用SQL SERVER存储程序 您可以阅读与"不刷新页面改变下拉菜单内容"相关的教程: · 不刷新页面的情况下调用远程ASP · 在不刷新页面的情况下调用远程ASP脚本 · 不刷新页面的情况下调用远程ASP · 下拉菜单输入,根据输入内容自动定位 · 下拉菜单支持输入，并根据输入内容自动定位 |
  |
| 快精灵印艺坊 版权所有 |
首页 会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
|
||
