87,996
社区成员
发帖
与我相关
我的任务
分享请高手帮我看看了，我现在只能发呆，错在哪里也不知道..
请大家不要被这长长的代码吓着了，其实没什么的....
我的用意是取得了Select的THE_ID后再通过Switch()给COLUMNS付值
最后跟据COLUMNS数组里的值动态生成Option
这样就能看到错误，请跟着我做:
1>操作"一级目录"，任意选一项(请选不要试选“请选择”项），这时一切正常你会在“二级目录”里看到应有的变化，
2>但是一但当你选了“请选择”项后，会出一个出错提示，这也正常
3>但这之后，无论你选哪个除“请选择”项以外的项都报错！！！错误就在这里，发呆中.......
<html>
<head>
<title>sel Bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table cellspacing="0" cellpadding="0" class="hang2">
<tr>
<td>
<div align="center">一级目录</div>
</td>
<td>
<div align="center">二级目录</div>
</td>
<td>
<div align="center">三级目录</div>
</td>
<td>
<div align="center">四级目录</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<select name="s_1" onchange="changeSub(s_2,this[this.selectedIndex].THE_ID)">
<option selected THE_ID='0'>请选择</option>
<option value='供应信息' THE_ID='1'>供应信息</option>
<option value='求购信息' THE_ID='2'>求购信息</option>
<option value='合作信息' THE_ID='3'>合作信息</option>
<option value='厂家资料' THE_ID='4'>厂家资料</option>
<option value='服装会展' THE_ID='5'>服装会展</option>
<option value='行业新闻' THE_ID='6'>行业新闻</option>
<option value='市场行情' THE_ID='7'>市场行情</option>
<option value='知识宝盆' THE_ID='8'>知识宝盆</option>
</select>
</div>
</td>
<td>
<select name="s_2" onchange="changeSub(s_3,this[this.selectedIndex].THE_ID)">
</select>
</td>
<td>
<div align="center">
<select name="s_3" onchange="changeSub(s_4,this[this.selectedIndex].THE_ID)">
</select>
</div>
</td>
<td>
<div align="center">
<select name="s_4">
</select>
</div>
</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var COLUMNS=new Array();
var HaveAnyThing="";
//Add Item
function addItem(mObj)
{
mObj.length=0;
arrLng=COLUMNS.length;
for(i=0;i<arrLng;i++)
{
getVal=COLUMNS[i].split("|");
mOpt=new Option();
mOpt.value=getVal[0];
mOpt.text=getVal[0];
mOpt.THE_ID=getVal[1];
mObj.options.add(mOpt);
}
}//end of Function
function changeSub(mObj,THEID)
{
COLUMNS=new Array();
switch(THEID)
{
case "1":
COLUMNS[0]="综合|9";
COLUMNS[1]="男装|10";
COLUMNS[2]="女装|11";
COLUMNS[3]="睡衣|12";
COLUMNS[4]="鞋子|13";
COLUMNS[5]="帽子|14";
COLUMNS[6]="领带|15";
COLUMNS[7]="饰品|16";
COLUMNS[8]="袜子|17";
COLUMNS[9]="头巾围巾|18";
COLUMNS[10]="皮具|19";
COLUMNS[11]="纺织品|20";
COLUMNS[12]="布料|21";
COLUMNS[13]="辅料|22";
COLUMNS[14]="休闲|23";
COLUMNS[15]="时装|24";
break;
case "2":
COLUMNS[0]="综合|25";
COLUMNS[1]="男装|26";
COLUMNS[2]="女装|27";
COLUMNS[3]="睡衣|28";
COLUMNS[4]="鞋子|29";
COLUMNS[5]="帽子|30";
COLUMNS[6]="领带|31";
COLUMNS[7]="饰品|32";
COLUMNS[8]="袜子|33";
COLUMNS[9]="头巾、围巾|34";
COLUMNS[10]="皮具|35";
COLUMNS[11]="纺织品|36";
COLUMNS[12]="布料|37";
COLUMNS[13]="辅料|38";
COLUMNS[14]="休闲|39";
COLUMNS[15]="时装|40";
break;
case "3":
COLUMNS[0]="招商|41";
COLUMNS[1]="引资|42";
COLUMNS[2]="共建|43";
COLUMNS[3]="招租|44";
COLUMNS[4]="连锁|45";
break;
case "4":
COLUMNS[0]="加盟信息|46";
COLUMNS[1]="代理信息|47";
COLUMNS[2]="贸易公司|48";
COLUMNS[3]="机械设备|49";
COLUMNS[4]="生产厂家|50";
COLUMNS[5]="销售批发|51";
COLUMNS[6]="设计制版|52";
COLUMNS[7]="保养洗涤|53";
break;
case "5":
COLUMNS[0]="流行服装|54";
COLUMNS[1]="面辅料|55";
COLUMNS[2]="设备技术|56";
COLUMNS[3]="其他|57";
break;
case "6":
COLUMNS[0]="企业动态|69";
COLUMNS[1]="流行趋势|68";
COLUMNS[2]="新科技|67";
COLUMNS[3]="政策动向|66";
break;
case "7":
COLUMNS[0]="产品报价|73";
COLUMNS[1]="服装|72";
COLUMNS[2]="面料|71";
COLUMNS[3]="原料|70";
break;
case "8":
COLUMNS[0]="政策法规|74";
COLUMNS[1]="外贸知识|75";
COLUMNS[2]="税务知识|76";
COLUMNS[3]="服饰知识|77";
break;
case "50":
COLUMNS[0]="印染|78";
COLUMNS[1]="纺织|79";
COLUMNS[2]="袜子|80";
COLUMNS[3]="服装成衣|81";
COLUMNS[4]="帽子|82";
COLUMNS[5]="领带|83";
COLUMNS[6]="布匹面料|84";
COLUMNS[7]="手套|85";
COLUMNS[8]="鞋子|86";
COLUMNS[9]="服装辅料|87";
COLUMNS[10]="饰品|88";
COLUMNS[11]="箱包皮具|89";
COLUMNS[12]="围巾与头巾|90";
break;
case "51":
COLUMNS[0]="纺织|120";
COLUMNS[1]="袜子|121";
COLUMNS[2]="服装成衣|122";
COLUMNS[3]="帽子|123";
COLUMNS[4]="领带|124";
COLUMNS[5]="布匹面料|125";
COLUMNS[6]="手套|126";
COLUMNS[7]="鞋子|127";
COLUMNS[8]="服装辅料|128";
COLUMNS[9]="饰品|129";
COLUMNS[10]="箱包皮具|130";
COLUMNS[11]="围巾与头巾|131";
break;
case "81":
COLUMNS[0]="女装|91";
COLUMNS[1]="毛衣|92";
COLUMNS[2]="男装|93";
COLUMNS[3]="西服|94";
COLUMNS[4]="内衣|95";
COLUMNS[5]="夹克|96";
COLUMNS[6]="旗袍|97";
COLUMNS[7]="制服|98";
COLUMNS[8]="童装|99";
COLUMNS[9]="裤子|100";
COLUMNS[10]="大衣|101";
COLUMNS[11]="睡衣|102";
COLUMNS[12]="校服|103";
COLUMNS[13]="礼服|104";
COLUMNS[14]="衬衫|105";
COLUMNS[15]="羽绒|106";
COLUMNS[16]="T恤|107";
COLUMNS[17]="泳装|108";
COLUMNS[18]="婚纱|109";
COLUMNS[19]="工作服|110";
COLUMNS[20]="牛仔服|111";
COLUMNS[21]="中山装|112";
COLUMNS[22]="服装加工|113";
COLUMNS[23]="品牌服装|114";
COLUMNS[24]="休闲服装|115";
COLUMNS[25]="丝绸服装|116";
COLUMNS[26]="皮革服装|117";
COLUMNS[27]="针织服装|118";
COLUMNS[28]="运动服装|119";
break;
case "122":
COLUMNS[0]="女装|132";
COLUMNS[1]="毛衣|133";
COLUMNS[2]="男装|134";
COLUMNS[3]="西服|135";
COLUMNS[4]="内衣|136";
COLUMNS[5]="夹克|137";
COLUMNS[6]="旗袍|138";
COLUMNS[7]="制服|139";
COLUMNS[8]="童装|140";
COLUMNS[9]="裤子|141";
COLUMNS[10]="大衣|142";
COLUMNS[11]="睡衣|143";
COLUMNS[12]="校服|144";
COLUMNS[13]="礼服|145";
COLUMNS[14]="衬衫|146";
COLUMNS[15]="羽绒|147";
COLUMNS[16]="T恤|148";
COLUMNS[17]="泳装|149";
COLUMNS[18]="婚纱|150";
COLUMNS[19]="工作服|151";
COLUMNS[20]="牛仔服|152";
COLUMNS[21]="中山装|153";
COLUMNS[22]="品牌服装|154";
COLUMNS[23]="休闲服装|155";
COLUMNS[24]="丝绸服装|156";
COLUMNS[25]="皮革服装|157";
COLUMNS[26]="针织服装|158";
COLUMNS[27]="运动服装|159";
break;
default:
HaveAnyThing="NOTHING";
break;
}
if(HaveAnyThing!="NOTHING")
{
addItem(mObj);
HaveAnyThing="";
}
else
{
mObj.length=0;
alert(HaveAnyThing+THEID);
}
}
//-->
</SCRIPT>
</body>
</html>
我的用意是取得了Select的THE_ID后再通过Switch()给COLUMNS付值
最后跟据COLUMNS数组里的值动态生成Option
这样就能看到错误，请跟着我做:
1>操作"一级目录"，任意选一项(请选不要试选“请选择”项），这时一切正常你会在“二级目录”里看到应有的变化，
2>但是一但当你选了“请选择”项后，会出一个出错提示，这也正常
3>但这之后，无论你选哪个除“请选择”项以外的项都报错！！！错误就在这里，发呆中.......
<html>
<head>
<title>sel Bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table cellspacing="0" cellpadding="0" class="hang2">
<tr>
<td>
<div align="center">一级目录</div>
</td>
<td>
<div align="center">二级目录</div>
</td>
<td>
<div align="center">三级目录</div>
</td>
<td>
<div align="center">四级目录</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<select name="s_1" onchange="changeSub(s_2,this[this.selectedIndex].THE_ID)">
<option selected THE_ID='0'>请选择</option>
<option value='供应信息' THE_ID='1'>供应信息</option>
<option value='求购信息' THE_ID='2'>求购信息</option>
<option value='合作信息' THE_ID='3'>合作信息</option>
<option value='厂家资料' THE_ID='4'>厂家资料</option>
<option value='服装会展' THE_ID='5'>服装会展</option>
<option value='行业新闻' THE_ID='6'>行业新闻</option>
<option value='市场行情' THE_ID='7'>市场行情</option>
<option value='知识宝盆' THE_ID='8'>知识宝盆</option>
</select>
</div>
</td>
<td>
<select name="s_2" onchange="changeSub(s_3,this[this.selectedIndex].THE_ID)">
</select>
</td>
<td>
<div align="center">
<select name="s_3" onchange="changeSub(s_4,this[this.selectedIndex].THE_ID)">
</select>
</div>
</td>
<td>
<div align="center">
<select name="s_4">
</select>
</div>
</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var COLUMNS=new Array();
var HaveAnyThing="";
//Add Item
function addItem(mObj)
{
mObj.length=0;
arrLng=COLUMNS.length;
for(i=0;i<arrLng;i++)
{
getVal=COLUMNS[i].split("|");
mOpt=new Option();
mOpt.value=getVal[0];
mOpt.text=getVal[0];
mOpt.THE_ID=getVal[1];
mObj.options.add(mOpt);
}
}//end of Function
function changeSub(mObj,THEID)
{
COLUMNS=new Array();
switch(THEID)
{
case "1":
COLUMNS[0]="综合|9";
COLUMNS[1]="男装|10";
COLUMNS[2]="女装|11";
COLUMNS[3]="睡衣|12";
COLUMNS[4]="鞋子|13";
COLUMNS[5]="帽子|14";
COLUMNS[6]="领带|15";
COLUMNS[7]="饰品|16";
COLUMNS[8]="袜子|17";
COLUMNS[9]="头巾围巾|18";
COLUMNS[10]="皮具|19";
COLUMNS[11]="纺织品|20";
COLUMNS[12]="布料|21";
COLUMNS[13]="辅料|22";
COLUMNS[14]="休闲|23";
COLUMNS[15]="时装|24";
break;
case "2":
COLUMNS[0]="综合|25";
COLUMNS[1]="男装|26";
COLUMNS[2]="女装|27";
COLUMNS[3]="睡衣|28";
COLUMNS[4]="鞋子|29";
COLUMNS[5]="帽子|30";
COLUMNS[6]="领带|31";
COLUMNS[7]="饰品|32";
COLUMNS[8]="袜子|33";
COLUMNS[9]="头巾、围巾|34";
COLUMNS[10]="皮具|35";
COLUMNS[11]="纺织品|36";
COLUMNS[12]="布料|37";
COLUMNS[13]="辅料|38";
COLUMNS[14]="休闲|39";
COLUMNS[15]="时装|40";
break;
case "3":
COLUMNS[0]="招商|41";
COLUMNS[1]="引资|42";
COLUMNS[2]="共建|43";
COLUMNS[3]="招租|44";
COLUMNS[4]="连锁|45";
break;
case "4":
COLUMNS[0]="加盟信息|46";
COLUMNS[1]="代理信息|47";
COLUMNS[2]="贸易公司|48";
COLUMNS[3]="机械设备|49";
COLUMNS[4]="生产厂家|50";
COLUMNS[5]="销售批发|51";
COLUMNS[6]="设计制版|52";
COLUMNS[7]="保养洗涤|53";
break;
case "5":
COLUMNS[0]="流行服装|54";
COLUMNS[1]="面辅料|55";
COLUMNS[2]="设备技术|56";
COLUMNS[3]="其他|57";
break;
case "6":
COLUMNS[0]="企业动态|69";
COLUMNS[1]="流行趋势|68";
COLUMNS[2]="新科技|67";
COLUMNS[3]="政策动向|66";
break;
case "7":
COLUMNS[0]="产品报价|73";
COLUMNS[1]="服装|72";
COLUMNS[2]="面料|71";
COLUMNS[3]="原料|70";
break;
case "8":
COLUMNS[0]="政策法规|74";
COLUMNS[1]="外贸知识|75";
COLUMNS[2]="税务知识|76";
COLUMNS[3]="服饰知识|77";
break;
case "50":
COLUMNS[0]="印染|78";
COLUMNS[1]="纺织|79";
COLUMNS[2]="袜子|80";
COLUMNS[3]="服装成衣|81";
COLUMNS[4]="帽子|82";
COLUMNS[5]="领带|83";
COLUMNS[6]="布匹面料|84";
COLUMNS[7]="手套|85";
COLUMNS[8]="鞋子|86";
COLUMNS[9]="服装辅料|87";
COLUMNS[10]="饰品|88";
COLUMNS[11]="箱包皮具|89";
COLUMNS[12]="围巾与头巾|90";
break;
case "51":
COLUMNS[0]="纺织|120";
COLUMNS[1]="袜子|121";
COLUMNS[2]="服装成衣|122";
COLUMNS[3]="帽子|123";
COLUMNS[4]="领带|124";
COLUMNS[5]="布匹面料|125";
COLUMNS[6]="手套|126";
COLUMNS[7]="鞋子|127";
COLUMNS[8]="服装辅料|128";
COLUMNS[9]="饰品|129";
COLUMNS[10]="箱包皮具|130";
COLUMNS[11]="围巾与头巾|131";
break;
case "81":
COLUMNS[0]="女装|91";
COLUMNS[1]="毛衣|92";
COLUMNS[2]="男装|93";
COLUMNS[3]="西服|94";
COLUMNS[4]="内衣|95";
COLUMNS[5]="夹克|96";
COLUMNS[6]="旗袍|97";
COLUMNS[7]="制服|98";
COLUMNS[8]="童装|99";
COLUMNS[9]="裤子|100";
COLUMNS[10]="大衣|101";
COLUMNS[11]="睡衣|102";
COLUMNS[12]="校服|103";
COLUMNS[13]="礼服|104";
COLUMNS[14]="衬衫|105";
COLUMNS[15]="羽绒|106";
COLUMNS[16]="T恤|107";
COLUMNS[17]="泳装|108";
COLUMNS[18]="婚纱|109";
COLUMNS[19]="工作服|110";
COLUMNS[20]="牛仔服|111";
COLUMNS[21]="中山装|112";
COLUMNS[22]="服装加工|113";
COLUMNS[23]="品牌服装|114";
COLUMNS[24]="休闲服装|115";
COLUMNS[25]="丝绸服装|116";
COLUMNS[26]="皮革服装|117";
COLUMNS[27]="针织服装|118";
COLUMNS[28]="运动服装|119";
break;
case "122":
COLUMNS[0]="女装|132";
COLUMNS[1]="毛衣|133";
COLUMNS[2]="男装|134";
COLUMNS[3]="西服|135";
COLUMNS[4]="内衣|136";
COLUMNS[5]="夹克|137";
COLUMNS[6]="旗袍|138";
COLUMNS[7]="制服|139";
COLUMNS[8]="童装|140";
COLUMNS[9]="裤子|141";
COLUMNS[10]="大衣|142";
COLUMNS[11]="睡衣|143";
COLUMNS[12]="校服|144";
COLUMNS[13]="礼服|145";
COLUMNS[14]="衬衫|146";
COLUMNS[15]="羽绒|147";
COLUMNS[16]="T恤|148";
COLUMNS[17]="泳装|149";
COLUMNS[18]="婚纱|150";
COLUMNS[19]="工作服|151";
COLUMNS[20]="牛仔服|152";
COLUMNS[21]="中山装|153";
COLUMNS[22]="品牌服装|154";
COLUMNS[23]="休闲服装|155";
COLUMNS[24]="丝绸服装|156";
COLUMNS[25]="皮革服装|157";
COLUMNS[26]="针织服装|158";
COLUMNS[27]="运动服装|159";
break;
default:
HaveAnyThing="NOTHING";
break;
}
if(HaveAnyThing!="NOTHING")
{
addItem(mObj);
HaveAnyThing="";
}
else
{
mObj.length=0;
alert(HaveAnyThing+THEID);
}
}
//-->
</SCRIPT>
</body>
</html>
...全文
请发表友善的回复…
发表回复
restart2001 2002-08-16
- 打赏
- 举报
你的程序没有写完全啊。。比如选择“生产厂家”就可以到达第三目录，因为它是case 50，但不能选择“加盟信息”，因为它是case 46。。
还有:
if(HaveAnyThing!="NOTHING")
{
addItem(mObj);
HaveAnyThing="";
}
else
{
mObj.length=0;
alert(HaveAnyThing+THEID);
HaveAnyThing="";//添加进去
}
还有:
if(HaveAnyThing!="NOTHING")
{
addItem(mObj);
HaveAnyThing="";
}
else
{
mObj.length=0;
alert(HaveAnyThing+THEID);
HaveAnyThing="";//添加进去
}
qiushuiwuhen 2002-08-16
- 打赏
- 举报
或直接改成一句也可
addItem(mObj);
addItem(mObj);
qiushuiwuhen 2002-08-16
- 打赏
- 举报
逻辑问题，移动
HaveAnyThing="";
的位置，如下
if(HaveAnyThing!="NOTHING")
{
addItem(mObj);
}
else
{
mObj.length=0;
alert(HaveAnyThing+THEID);
HaveAnyThing="";
}
HaveAnyThing="";
的位置，如下
if(HaveAnyThing!="NOTHING")
{
addItem(mObj);
}
else
{
mObj.length=0;
alert(HaveAnyThing+THEID);
HaveAnyThing="";
}
