论坛首页 精选版块
移动开发
iOSAndroidQtWP
云计算
IaaSPass/SaaS分布式计算/Hadoop
Java技术
Java SEJava Web 开发Java EEJava其他相关
.NET技术
.NET FrameworkC#.NET分析与设计ASP .NETVB .NET
Web开发
PHPJavaScriptASPHTML(CSS)HTML5Apache
开发语言/框架
DelphiVC/MFCVBC/C++C++ Builder其他开发语言
数据库开发
MS-SQL ServerOraclePowerBuilderInformatica其他数据库开发
硬件/嵌入式开发
嵌入开发(WinCE)驱动开发/核心开发硬件设计单片机/工控汇编语言VxWorks开发
Linux/Unix社区
系统维护与使用区应用程序开发区内核源代码研究区驱动程序开发区CPU和硬件区
 论坛牛人 排行榜 论坛地图 论坛任务 论坛帮助 我要发贴
CSDN论坛 > Web 开发 > JavaScript

高分求关联菜单，200分 [问题点数：200分，结帖人blestcc]

一键查看最优答案

确认一键查看最优答案？
本功能为VIP专享，开通VIP获取答案速率将提升10倍哦！
取消

开通vip会员
更多帖子
私信 空间 博客
blestcc
Bbs5
本版专家分：3642
结帖率 100%

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<title>两级关联菜单</title>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=javascript>
<!--
var prv=new Array()//品牌
var cty=new Array()//规格
var ctyid=new Array()//id
var ctyunit=new Array()//单位
function init(){

prv[0]="11111";

cty[0]=new Array()
ctyid[0]=new Array()
ctyunit[0]=new Array()

cty[0][0]="11-1";
ctyid[0][0]="334";
ctyunit[0][0]="111";

prv[1]="32";

cty[1]=new Array()
ctyid[1]=new Array()
ctyunit[1]=new Array()

cty[1][0]="324-23";
ctyid[1][0]="297";
ctyunit[1][0]="34";

prv[2]="test";

cty[2]=new Array()
ctyid[2]=new Array()
ctyunit[2]=new Array()

cty[2][0]="test-test";
ctyid[2][0]="335";
ctyunit[2][0]="test";




if(prv.length >0){
for(i=0;i<prv.length;i++)
with(document.frm.province)options[length]=new Option(prv[i],prv[i])
document.frm.province.onchange=new Function("go(this.selectedIndex)")
}
}

function go(sIndex){
with(document.frm.city){
length=0;
if(sIndex==0){options[0]=new Option("请选择");return}
for(i=0;i<cty[sIndex-1].length;i++)
options[length]=new Option(cty[sIndex-1][i],ctyid[sIndex-1][i])
document.frm.r.value=value;  
}
}
window.onload=init
-->
</SCRIPT>
<form name=frm>
<SELECT name=province>
<OPTION selected>请选择</OPTION>
</SELECT>
<SELECT name=city onchange="r.value=value">
<OPTION selected>请选择</OPTION>
</SELECT>
<input name=r id=r>

<input name=u id=u>
</form>
</BODY>
</HTML>



要求，选择2级菜单后，代入对应的ctyunit值给u
回复数 10 只看楼主 引用 举报 楼主
更多帖子
私信 空间 博客
blestcc
Bbs5
本版专家分：3642
大哥们，帮我
只看TA 引用 举报 #1    得分 0
更多帖子
私信 空间 博客
awaysrain
Bbs8
本版专家分：36410
Blank
蓝花 2003年8月 Web 开发大版内专家分月排行榜第三
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<title>两级关联菜单</title>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=javascript>
<!--
var prv=new Array()//品牌
var cty=new Array()//规格
var ctyid=new Array()//id
var ctyunit=new Array()//单位
function init(){

prv[0]="11111";

cty[0]=new Array()
ctyid[0]=new Array()
ctyunit[0]=new Array()

cty[0][0]="11-1";
ctyid[0][0]="334";
ctyunit[0][0]="111";

cty[0][1]="awaysrain1";
ctyid[0][1]="111";
ctyunit[0][1]="awaysrain1";

prv[1]="32";

cty[1]=new Array()
ctyid[1]=new Array()
ctyunit[1]=new Array()

cty[1][0]="324-23";
ctyid[1][0]="297";
ctyunit[1][0]="34";

cty[1][1]="awaysrain1";
ctyid[1][1]="111";
ctyunit[1][1]="awaysrain222";

prv[2]="test";

cty[2]=new Array()
ctyid[2]=new Array()
ctyunit[2]=new Array()

cty[2][0]="test-test";
ctyid[2][0]="335";
ctyunit[2][0]="test";

cty[2][1]="awaysrain1";
ctyid[2][1]="111";
ctyunit[2][1]="awaysrain1";



if(prv.length >0){
for(i=0;i<prv.length;i++)
with(document.frm.province)options[length]=new Option(prv[i],prv[i])
document.frm.province.onchange=new Function("go(this.selectedIndex)")
}
}

function go(sIndex)
{
with(document.frm.city)
{
length=0;
if(sIndex==0)
{
options[0]=new Option("请选择");
return
}
for(i=0;i<cty[sIndex-1].length;i++)
options[length]=new Option(cty[sIndex-1][i],ctyid[sIndex-1][i])
document.frm.r.value=value;  
}
//document.frm.u.value=document.frm.city.value;
}
window.onload=init

-->
</SCRIPT>
<form name=frm>
<SELECT name=province>
<OPTION selected>请选择</OPTION>
</SELECT>
<SELECT name=city onchange="frm.u.value=ctyunit[frm.province.selectedIndex][frm.city.selectedIndex]"">
<OPTION selected>请选择</OPTION>
</SELECT>
<input name=r id=r>

<input name=u id=u>
</form>
</BODY>
</HTML>
只看TA 引用 举报 #2    得分 0
asp4567
Bbs1
本版专家分：70
up
只看TA 引用 举报 #3    得分 0
更多帖子
私信 空间 博客
meizz
Bbs11
本版专家分：226463
Blank
进士 2002年 总版技术专家分年内排行榜第六
Blank
微软MVP 2005年7月 荣获微软MVP称号
2006年7月 荣获微软MVP称号
2003年4月 荣获微软MVP称号
Blank
红花 2006年6月 Web 开发大版内专家分月排行榜第一
2006年5月 Web 开发大版内专家分月排行榜第一
2005年12月 Web 开发大版内专家分月排行榜第一
2005年10月 Web 开发大版内专家分月排行榜第一
2005年2月 Web 开发大版内专家分月排行榜第一
2005年1月 Web 开发大版内专家分月排行榜第一
2002年12月 Web 开发大版内专家分月排行榜第一
2002年8月 Web 开发大版内专家分月排行榜第一
2002年7月 Web 开发大版内专家分月排行榜第一
Blank
黄花 2006年3月 Web 开发大版内专家分月排行榜第二
2005年3月 Web 开发大版内专家分月排行榜第二
2004年12月 Web 开发大版内专家分月排行榜第二
2003年2月 Web 开发大版内专家分月排行榜第二
2003年1月 Web 开发大版内专家分月排行榜第二
2002年11月 Web 开发大版内专家分月排行榜第二
2002年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
<form name=form1>
<select name=province onchange="cityName(this.selectedIndex)">
  <option value="">请选择省名</option>
</select>

<select name=city>
  <option value="">请选择城名</option>
</select>
</form>

<script language=javascript>

var provinceName = ["浙江", "江苏", "安徽", "江西"];
var city1 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
var city2 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
var city3 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
var city4 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"]; 


function province()
{

    var e = document.form1.province;
    for (var i=0; i<provinceName.length; i++)
       e.options.add(new Option(provinceName[i], provinceName[i]));
}
function cityName(n)
{
    var e = document.form1.city;
    for (var i=e.options.length; i>0; i--)  e.remove(i);
    if (n == 0) return;
    var a = eval("city"+ n); //得到城市的数组名
    for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));
}
function window.onload()
{
    province(); //初始时给省名下拉框赋内容
}
</script>
只看TA 引用 举报 #4    得分 0
更多帖子
私信 空间 博客
yzwxjun
Bbs4
本版专家分：1942
<div align="center">
<form name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>◤1111111◢</option>
<option>★2222222</option>
<option>★3333333</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">         
<option value=" " selected></option>')         
<option value=" " selected>◤------第二层菜单------◢</option>  
<option value=" " selected>◤------第二层菜单------◢</option>  
</select>   
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">        
<option value=" " selected></option>')         
<option value=" " selected>◤------第三层菜单------◢</option>   
<option value=" " selected>◤------第三层菜单------◢</option>   
</select></table> 
</form></div>   
<script language="JavaScript">
<!--
var groups=document.isc.example.options.length      
var group=new Array(groups)      
for (i=0; i<groups; i++)      
group[i]=new Array()      
      
group[0][0]=new Option("----第二层菜单----"," ");      
      
group[1][0]=new Option("」第一类"," ");      
group[1][1]=new Option("」第二类","47");      
group[1][2]=new Option("」第三类","46");      
group[1][3]=new Option("」第四类","45");      
      
group[2][0]=new Option("」第一类"," ");      
group[2][1]=new Option("」第二类","115");      
group[2][2]=new Option("」第三类","116");       
      
var temp=document.isc.stage2      
      
      
function redirect(x){      
for (m=temp.options.length-1;m>0;m--)      
temp.options[m]=null      
for (i=0;i<group[x].length;i++){      
temp.options[i]=new Option(group[x][i].text,group[x][i].value)      
}      
temp.options[0].selected=true      
redirect1(0)      
}      
      
      
      
var secondGroups=document.isc.stage2.options.length      
var secondGroup=new Array(groups)      
for (i=0; i<groups; i++)  {      
secondGroup[i]=new Array(group[i].length)      
for (j=0; j<group[i].length; j++)  {      
secondGroup[i][j]=new Array()  }}      
      
secondGroup[0][0][0]=new Option("----第三层菜单----"," ");      
secondGroup[1][0][0]=new Option("----第三层菜单----"," ");      
secondGroup[1][1][0]=new Option("」 第一节"," ");      
secondGroup[1][1][1]=new Option("」 第一节","../cgi/pagenew8.htm");      
secondGroup[1][1][2]=new Option("」 第一节","../cgi/pagenew8.htm");      
secondGroup[1][1][3]=new Option("」 第一节","../explain/route.htm");      
      
secondGroup[1][2][0]=new Option("」第三类"," ");      
secondGroup[1][2][1]=new Option("第二节","../cgi/pagenew7.htm");      
secondGroup[1][2][2]=new Option("第二节","../cgi/pagenew7.htm");      
secondGroup[1][2][3]=new Option("第二节","../explain/route.htm");      
      
secondGroup[1][3][0]=new Option("」第四类"," ");      
secondGroup[1][3][1]=new Option("第三节","../cgi/pagenew15.htm");      
secondGroup[1][3][2]=new Option("第三节","../explain/route.htm");      
      
secondGroup[2][0][0]=new Option("----第三层菜单----"," ");      
secondGroup[2][1][0]=new Option("」第三类"," ");      
secondGroup[2][1][1]=new Option("」第三节(1)","../pictures/cartoon/1.htm");      
secondGroup[2][1][2]=new Option("」第三节(2)","../pictures/cartoon/2.htm");      
secondGroup[2][1][3]=new Option("」第三节(3)","../pictures/cartoon/3.htm");      
      
secondGroup[2][2][0]=new Option("」第四类"," ");      
secondGroup[2][2][1]=new Option("第三节l(1)","../pictures/email/1.htm");      
secondGroup[2][2][2]=new Option("第三节(2)","../pictures/email/1.htm");      
      
var temp1=document.isc.stage3      
function redirect1(y){      
for (m=temp1.options.length-1;m>0;m--)      
temp1.options[m]=null      
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){      
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)      
}      
temp1.options[0].selected=true   
}   
   
function redirect2(){   
window.open(temp1.value,"","toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=700,height=450");   
}   
//-->
</script>
只看TA 引用 举报 #5    得分 0
更多帖子
私信 空间 博客
blestcc
Bbs5
本版专家分：3642
awaysrain(绝对零度)，谢谢你给我解答，可是你给我的源码中，切换到最后一个时，javascript就报错，大哥们请帮我解决掉
只看TA 引用 举报 #6    得分 0
更多帖子
私信 空间 博客
longshenwang
Bbs6
本版专家分：7813
别人的！不错！

<html>
<head>
<script>
function check()
{
  if(f1.d1.options[0].selected)
  {
     f1.d2.length=0

     f1.d2.options.add(new Option("***白菜***","***白菜***"))
     f1.d2.options.add(new Option("***萝卜***","***萝卜***"))
  
  }
  else if(f1.d1.options[1].selected)
  {
     f1.d2.length=0
     f1.d2.options.add(new Option("***苹果***","***苹果***"))
     f1.d2.options.add(new Option("***桃***","***桃***"))

  }

}
</script>
</head>

<body>

<form name="f1" method="POST" action="--WEBBOT-SELF--">
  
  <p><select size="1" name="d1" onchange="check()">
    <option selected>***蔬菜***</option>
    <option>***水果***</option>
  </select><select size="1" name="d2">
  <option>***白菜***</option>
  <option>***萝卜***</option>
  </select></p>
</form>

</body>

</html>
只看TA 引用 举报 #7    得分 0
更多帖子
私信 空间 博客
awaysrain
Bbs8
本版专家分：36410
Blank
蓝花 2003年8月 Web 开发大版内专家分月排行榜第三
这样可以了

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<title>两级关联菜单</title>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=javascript>
<!--
var prv=new Array()//品牌
var cty=new Array()//规格
var ctyid=new Array()//id
var ctyunit=new Array()//单位
function init(){

prv[0]="11111";

cty[0]=new Array()
ctyid[0]=new Array()
ctyunit[0]=new Array()

cty[0][0]="11-1";
ctyid[0][0]="334";
ctyunit[0][0]="111";

cty[0][1]="awaysrain111";
ctyid[0][1]="111";
ctyunit[0][1]="awaysrain111";

prv[1]="32";

cty[1]=new Array()
ctyid[1]=new Array()
ctyunit[1]=new Array()

cty[1][0]="324-23";
ctyid[1][0]="297";
ctyunit[1][0]="34";

cty[1][1]="awaysrain222";
ctyid[1][1]="111";
ctyunit[1][1]="awaysrain222";

prv[2]="test";

cty[2]=new Array()
ctyid[2]=new Array()
ctyunit[2]=new Array()

cty[2][0]="test-test";
ctyid[2][0]="335";
ctyunit[2][0]="test";

cty[2][1]="awaysrain333";
ctyid[2][1]="111";
ctyunit[2][1]="awaysrain333";



if(prv.length >0){
for(i=0;i<prv.length;i++)
with(document.frm.province)options[length]=new Option(prv[i],prv[i])
document.frm.province.onchange=new Function("go(this.selectedIndex)")
}
}

function go(sIndex)
{
with(document.frm.city)
{
length=0;
if(sIndex==0)
{
options[0]=new Option("请选择");
return
}
for(i=0;i<cty[sIndex-1].length;i++)
options[length]=new Option(cty[sIndex-1][i],ctyid[sIndex-1][i])
document.frm.r.value=value;  
}
//document.frm.u.value=document.frm.city.value;
}
window.onload=init

-->
</SCRIPT>
<form name=frm>
<SELECT name=province>
<OPTION selected>请选择</OPTION>
</SELECT>
<SELECT name=city onchange="frm.u.value=ctyunit[frm.province.selectedIndex-1][frm.city.selectedIndex]"">
<OPTION selected>请选择</OPTION>
</SELECT>
<input name=r id=r>

<input name=u id=u>
</form>
</BODY>
</HTML>
只看TA 引用 举报 #8    得分 200
更多帖子
私信 空间 博客
blestcc
Bbs5
本版专家分：3642
大哥，谢谢你，现在就给分，再提个小问题，如果第一级选择后，默认的是第二级，那个u显示不出来id呀，交个朋友
只看TA 引用 举报 #9    得分 0
更多帖子
私信 空间 博客
awaysrain
Bbs8
本版专家分：36410
Blank
蓝花 2003年8月 Web 开发大版内专家分月排行榜第三
这样

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<title>两级关联菜单</title>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=javascript>
<!--
var prv=new Array()//品牌
var cty=new Array()//规格
var ctyid=new Array()//id
var ctyunit=new Array()//单位
function init(){

prv[0]="11111";

cty[0]=new Array()
ctyid[0]=new Array()
ctyunit[0]=new Array()

cty[0][0]="11-1";
ctyid[0][0]="334";
ctyunit[0][0]="111";

cty[0][1]="awaysrain111";
ctyid[0][1]="111";
ctyunit[0][1]="awaysrain111";

prv[1]="32";

cty[1]=new Array()
ctyid[1]=new Array()
ctyunit[1]=new Array()

cty[1][0]="324-23";
ctyid[1][0]="297";
ctyunit[1][0]="34";

cty[1][1]="awaysrain222";
ctyid[1][1]="111";
ctyunit[1][1]="awaysrain222";

prv[2]="test";

cty[2]=new Array()
ctyid[2]=new Array()
ctyunit[2]=new Array()

cty[2][0]="test-test";
ctyid[2][0]="335";
ctyunit[2][0]="test";

cty[2][1]="awaysrain333";
ctyid[2][1]="111";
ctyunit[2][1]="awaysrain333";



if(prv.length >0){
for(i=0;i<prv.length;i++)
with(document.frm.province)options[length]=new Option(prv[i],prv[i])
document.frm.province.onchange=new Function("go(this.selectedIndex)")
}
}

function go(sIndex)
{
with(document.frm.city)
{
length=0;
if(sIndex==0)
{
options[0]=new Option("请选择");
return
}
for(i=0;i<cty[sIndex-1].length;i++)
options[length]=new Option(cty[sIndex-1][i],ctyid[sIndex-1][i])
document.frm.r.value=value;  
}
document.frm.u.value=ctyunit[frm.province.selectedIndex-1][frm.city.selectedIndex];
}
window.onload=init

-->
</SCRIPT>
<form name=frm>
<SELECT name=province>
<OPTION selected>请选择</OPTION>
</SELECT>
<SELECT name=city onchange="frm.u.value=ctyunit[frm.province.selectedIndex-1][frm.city.selectedIndex]"">
<OPTION selected>请选择</OPTION>
</SELECT>
<input name=r id=r>

<input name=u id=u>
</form>
</BODY>
</HTML>
只看TA 引用 举报 #10    得分 0