• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: 小 中 大 | 推荐给好友 上一篇 | 下一篇

二级联动菜单详解

发布: 2007-6-30 18:56 | 作者: admin | 来源: | 查看: 50次 | 进入软件测试论坛讨论

领测软件测试网 <html>
<head>
</head>
<body>
<script language="JavaScript">
<!--
var subcat = new Array();
subcat[0] = new Array(‘’10‘’,‘’1‘’,‘’=1‘’)
subcat[1] = new Array(‘’10‘’,‘’2‘’,‘’=2‘’)
subcat[2] = new Array(‘’10‘’,‘’3‘’,‘’=3‘’)
subcat[3] = new Array(‘’10‘’,‘’4‘’,‘’=4‘’)
subcat[4] = new Array(‘’10‘’,‘’5‘’,‘’=5‘’)
subcat[5] = new Array(‘’10‘’,‘’6‘’,‘’=6‘’)
subcat[6] = new Array(‘’10‘’,‘’7‘’,‘’=7‘’)
subcat[7] = new Array(‘’10‘’,‘’8‘’,‘’=8‘’)
subcat[8] = new Array(‘’10‘’,‘’9‘’,‘’=9‘’)
subcat[9] = new Array(‘’10‘’,‘’10‘’,‘’=10‘’)
subcat[10] = new Array(‘’20‘’,‘’11‘’,‘’=11‘’)
subcat[11] = new Array(‘’20‘’,‘’12‘’,‘’=12‘’)
subcat[12] = new Array(‘’20‘’,‘’13‘’,‘’=13‘’)
subcat[13] = new Array(‘’20‘’,‘’14‘’,‘’=14‘’)
subcat[14] = new Array(‘’20‘’,‘’15‘’,‘’=15‘’)
subcat[15] = new Array(‘’20‘’,‘’16‘’,‘’=16‘’)
subcat[16] = new Array(‘’20‘’,‘’17‘’,‘’=17‘’)
subcat[17] = new Array(‘’20‘’,‘’18‘’,‘’=18‘’)
subcat[18] = new Array(‘’20‘’,‘’19‘’,‘’=19‘’)
subcat[19] = new Array(‘’20‘’,‘’20‘’,‘’=20‘’)
function changeselect1(locationid)
{
document.form1.s2.length = 0; //初始化下拉列表 清空下拉数据
document.form1.s2.options[0] = new Option(‘’==请选择==‘’,‘’‘’); //给第一个值
for (i=0; i<subcat.length; i++) //legth=20
{
if (subcat[i][0] == locationid) //[0] [1] 第一列 第二列
{document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);} //建立option
//第一次 length=1 因为有==请选择==
//i=9时 length= 10 值有11个 因为从0数起 subcat[i][0] == locationid屏蔽了再写
}
}
//-->
</script>

<form name="form1">
二级联动:

<select name="s1" onChange="changeselect1(this.value)">
<option>==请选择==</option>
<option value="10">1-10</option>
<option value="20">11-20</option>
</select>

<select name="s2" onChange="alert(this.value)">
<option>==请选择==</option>
</select>

</form>


文章来源于领测软件测试网 https://www.ltesting.net/


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备2023014753号-2
技术支持和业务联系:[email protected] 电话:010-51297073

软件测试 | 领测国际 | ISTQB | ISTQB官网 | TMMi | TMMi认证 | 国际软件测试工程师认证 | 领测软件测试网