📄 动态创建下拉菜单.mht
字号:
From: <由 Microsoft Internet Explorer 5 保存>
Subject: =?gb2312?B?tq/MrLS0vajPwsCtssu1pQ==?=
Date: Wed, 15 Sep 2004 14:54:34 +0800
MIME-Version: 1.0
Content-Type: text/html;
charset="gb2312"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.pcimg.com/code/javascript/article/menu/08.htm
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1106
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>=B6=AF=CC=AC=B4=B4=BD=A8=CF=C2=C0=AD=B2=CB=B5=A5</TITL=
E>
<META http-equiv=3DContent-Type content=3D"text/html; charset=3Dgb2312">
<META content=3D"MSHTML 6.00.2800.1264" name=3DGENERATOR></HEAD>
<BODY bgColor=3D#ffffff>
<TABLE cellSpacing=3D0 cellPadding=3D0 width=3D680 align=3Dcenter =
border=3D0>
<TBODY>
<TR>
<TD align=3Dmiddle><BR>
=
<H1>=B6=AF=CC=AC=B4=B4=BD=A8=CF=C2=C0=AD=B2=CB=B5=A5</H1></TD></TR></TBOD=
Y></TABLE>
<TABLE cellSpacing=3D0 cellPadding=3D10 width=3D680 align=3Dcenter =
border=3D0>
<TBODY>
<TR>
<TD class=3Dmid><html> <BR><head>=20
=
<BR><BR><title>=B6=AF=CC=AC=CF=C2=C0=AD=B2=CB=B5=A5</title> =
<BR><style>=20
<BR>SELECT.smallSel <BR>{ <BR> BACKGROUND-COLOR: white; =
<BR> COLOR: #000080; <BR> FONT-SIZE: 9pt =
<BR>}=20
<BR></style> <BR><script language=3Djavascript> =
<BR><!-- hide=20
from old browsers... <BR><BR>/* =
=B6=AF=CC=AC=CF=C2=C0=AD=B2=CB=B5=A5 -- written by Taylor=20
Chen (Taylor999) <BR> =20
=
=C8=E7=B9=FB=C4=FA=B7=A2=CF=D6=C8=CE=BA=CE=CE=CA=CC=E2=A3=AC=C7=EBE-mail=B8=
=F8=CE=D2=A3=ACTaylor@etang.com <BR>*/ <BR><BR><BR>var info =3D new=20
Array( =
<BR> "=D4=D3=CE=C4*=C3=D6=CC=EC=B4=F3=BB=D1=B5=C4=B1=B3=BA=F3|=
=D4=BA=CA=BF=CF=E0=B5=B1=D3=DA=B8=B1=CA=A1=BC=B6?|=CE=AA=BD=CC=D3=FD=B4=F2=
=BC=B8=B8=F6=BC=A4=C1=E9|=D4=A4=CB=E3=BA=DA=B6=B4=D2=BB=C0=FD|=B9=D9=B2=BB=
=B9=F3=A3=AC=C3=F1=B2=BB=BC=FA|=CA=A1=C1=CB=C2=E9=B7=B3|=20
=
<BR><BR>=BD=CE=B3=B5=B2=BB=C8=E7=BD=CE=D7=D3=CB=B5|=D5=E2=BB=D8=C8=B7=CA=C7=
=B8=F6=B1=F0|=D1=AA=BA=CD=C0=E1=B9=B9=B3=C9=B5=C4=D0=A6=BB=B0|=B8=F8=D5=C5=
=D2=D5=C4=B1=CB=C9=B0=F3=B0=C9!",=20
=
<BR> "=C9=FA=BB=EE=CB=E6=B1=CA*=C4=BE=C0=BC=C6=AF=C1=C1=C2=F0?=
|=D2=BB=D5=C5=BE=C9=B3=B5=C6=B1|=BE=C6=CE=B6=D4=D3=CC=B8|=CA=B1=BF=D5=CB=ED=
=B5=C0|=D7=EE=BA=F3=C0=CC=D2=BB=B0=D1",=20
=
<BR> "=CE=C4=D1=A1*=BC=D2=CD=A5=D2=B2=D2=AA=D3=D0=C3=F1=D6=F7|=
=A1=B0=B4=FD=D3=F6=A1=B1=B5=C4=C1=AA=CF=EB|=A1=B0=C5=A9=C3=F1=A1=B1=B2=BB=
=CA=C7=D0=CE=C8=DD=B4=CA|=D6=BB=B6=E0=D2=BB=B5=E3=B5=E3",=20
=
<BR> "=B6=C1=D5=DF*=B5=B1=B4=FA=A1=B0=CA=BF=D7=D3=A1=B1=D6=AE=B1=
=AF|=CC=B8=B3=CC=D0=F2|=CC=FC=B3=A4=CB=B5=D3=EB=B0=D9=D0=D5=CB=B5|=C6=E4=CA=
=B5=BA=DC=B8=DF=C3=F7"); <BR><BR>var infoA=3Dnew=20
Array( =
<BR> "=BD=B9=B5=E3=BB=B0=CC=E2*=B0=B2=BB=D5=A3=BA=B9=FA=C6=F3=C1=
=EC=B5=BC=BF=C9=D2=D4=B3=AC=C1=E4=C8=CE=D6=B0|=D0=C2=CA=C0=BC=CD=D4=F5=C3=
=B4=BB=A8=C7=AE|=CE=E4=BA=BA=A3=BA=C6=F3=D2=B5=BD=AB=B8=E6=B1=F0=D0=D0=D5=
=FE=BC=B6=B1=F0",=20
<BR> "=B6=C1=D5=DF=CA=E9=CE=DD*=D3=FB=BB=F0",=20
=
<BR> "=C6=B7=CE=B6=D4=B0*=C6=C6=D2=EB=A1=B0=D6=D0=B9=FA=C8=CB=D6=
=AE=C3=D5=A1=B1=B2=BB=B7=C1=B6=C1=B6=C1=A1=B6=CF=D0=BB=B0=D6=D0=B9=FA=C8=CB=
=A1=B7|=C7=EB=BF=CD=B3=D4=B7=B9=C0=D6=CE=DE=C7=EE|=D7=DF=B6=AF=D7=DF=B6=AF=
=CF=F2=C9=CF=B8=A1=B6=AF|=CE=C4=C8=CB=D2=B2=B5=B1=C4=B1=B8=BB=20
=
<BR><BR>|=D7=F6=B2=A2=CF=ED=CA=DC=D7=C5=A1=AA=A1=AA=A1=AA=D3=EB=B0=D7=D1=D2=
=CB=C9=D0=A6=CC=B8=DE=FD=CA=B0|=B1=C8=CB=AD=D0=B4=B5=C3=BA=F1",=20
=
<BR> "=BB=B7=C7=F2=B2=C9=B7=E7*=B7=A8=B9=FA=BD=A8=B3=C9=C2=CC=C9=
=AB=D1=A7=D0=A3|=B6=ED=C2=DE=CB=B9=B5=DA=D2=BB=B7=F2=C8=CB=CE=C2=C7=E9=CC=
=B8=C1=B5=CA=B7|=B7=A8=B9=FA=C8=CB=B2=C5=CD=E2=C1=F7=D3=D0=D4=AD=D2=F2|=B5=
=C2=B9=FA=B5=E7=C4=D4=C8=CB=B2=C5=BF=C9=C6=C6=C0=FD|=B5=C2=20
<BR><BR>=B9=FA=C4=BD=C4=E1=BA=DA=C6=A1=BE=C6=BD=DA", =
<BR> "=C8=CB=CE=EF=B4=BA=C7=EF*=CE=D2=CB=F9=D6=AA=B5=C0=B5=C4=BA=
=FA=C7=C7=C4=BE|=D7=D4=D0=C5=D0=A9=A3=AC=D3=AD=BD=D3=C8=AB=C7=F2=BB=AF|=BA=
=EC=D3=EB=BA=DA"); <BR>var=20
mywork=3D new Array("",info,infoA);=20
=
<BR>/********************************************************************=
****************************=20
<BR><BR>******/ <BR><BR>function stringSplit ( string, delimiter ) =
{=20
<BR> if ( string =3D=3D null || string =3D=3D "" ) {=20
<BR> return null; <BR> } else if =
(=20
string.split !=3D null ) { <BR> return =
string.split (=20
delimiter ); <BR> } else { =
<BR> var ar =3D=20
new Array(); <BR> var i =3D 0;=20
<BR> var start =3D 0;=20
<BR> while( start >=3D 0 && =
start <=20
string.length ) { <BR> var end =
=3D=20
string.indexOf ( delimiter, start ) ;=20
<BR> if( end >=3D 0 ) {=20
<BR> ar[i++] =3D=20
string.substring ( start, end );=20
<BR> start =3D =
end+1;=20
<BR> } else {=20
<BR> ar[i++] =3D=20
string.substring ( start, string.length );=20
<BR> start =3D -1; =
<BR> } =
<BR> }=20
<BR> return ar; <BR> } <BR>}=20
=
<BR>/********************************************************************=
****************************=20
<BR><BR>******/ <BR>var menu1 =3D new Array(); <BR>var menu2 =3D =
new Array();=20
=
<BR>/********************************************************************=
****************************=20
<BR><BR>******/ <BR>function createMenus ( wh ) { =
<BR> var=20
infoname =3D new Array(); <BR> infoname=3Dmywork[wh];=20
<BR> for ( var i=3D0; i < infoname.length; i++ ) {=20
<BR> menu1[i] =3D stringSplit ( =
infoname[i], '*' );=20
<BR> menu2[i] =3D stringSplit ( =
menu1[i][1], '|' );=20
<BR> } <BR><BR> var author =3D =
document.myForm.main;=20
<BR> var book =3D document.myForm.title;=20
<BR><BR> author.length =3D infoname.length;=20
<BR> book.length =3D menu2[0].length; =
<BR> for ( var=20
i=3D0; i < infoname.length; i++ ) { =
<BR> =20
author.options[i].value =3D menu1[i][0]; =
<BR> =20
author.options[i].text =3D menu1[i][0]; <BR> }=20
<BR> document.myForm.main.selected =3D 0; =
<BR> for=20
(var x=3D0; x < menu2[0].length; x++) { =
<BR> =20
book.options[x].text =3D menu2[0][x]; <BR> =
book.options[x].value =3D menu2[0][x];=20
<BR> } =20
<BR> document.myForm.title.selected =3D 0; <BR>}=20
=
<BR><BR>/****************************************************************=
********************************=20
<BR><BR>******/ <BR><BR>function updateMenus ( what ) {=20
<BR> var sel =3D what.selectedIndex; =
<BR><BR> if ( sel=20
>=3D 0 && sel < menu1.length ) =
<BR> var=20
temp =3D menu2[sel]; <BR> else =
<BR> var=20
temp =3D new Array (); <BR> =20
<BR> what.form.title.length =3D temp.length;=20
<BR><BR> for ( var i =3D 0; i < temp.length; i++ ) { =
=
<BR> what.form.title.options[i].text =3D=20
temp[i]; =
<BR> what.form.title.options[i].value =3D=20
temp[i]; <BR> } =
<BR> what.form.title.selected=3D0;=20
<BR>} <BR>// end of hiding --> <BR></script> =
<BR></head>=20
<BR><BR><body background=3D"" bgcolor=3D"#ffffff" =
text=3D"#400040"=20
link=3D"#ff0080" vlink=3D"#ff8080" <BR><BR>alink=3D"#ff0000">=20
=
<BR><center><h1>=B6=AF=CC=AC=CF=C2=C0=AD=B2=CB=B5=A5</h1&g=
t;</center>=20
<BR><BR><form name=3DmyForm action=3Dtest2.asp =
method=3Dpost><p>=20
<BR>=B7=D6=C0=E0:&nbsp; <BR><select name=3Dmy size=3D1=20
onchange=3D"createMenus(document.myForm.my.selectedIndex)"=20
class=3D"smallsel"> <BR><option selected></option>=20
<BR><option value=3D"info">=D4=D3=CE=C4=B1=A8</option> =
<BR><option=20
value=3D"infoA">=CA=E9=BF=AF=B1=A8</option> =
<BR></select> <BR><p>=20
<BR>=D7=F7=D5=DF: &nbsp;<select name=3D"main" size=3D1=20
onChange=3D"updateMenus(this)" class=3D"smallsel">=20
=
<BR><option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&=
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
p;&nbsp;&nbsp=20
<BR><BR>;&nbsp;&nbsp;&nbsp;&nbsp; =
<BR><option>=20
<BR><option> <BR></select> <BR><p> =
<BR>=B1=EA=CC=E2:&nbsp;=20
<BR><select name=3D"title" size=3D1 class=3D"smallsel">=20
=
<BR><option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&=
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
p;&nbsp;&nbsp=20
<BR><BR>; <BR><option> <BR><option> =
<BR></select>=20
<BR><input type=3Dbutton value=3DSubmit=20
=
onclick=3D"parent.location.href=3D'http://www.hebeidaily.com.cn'">=20
<BR></form> <BR></body> <BR></html>=20
<BR><BR></TD></TR></TBODY></TABLE></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -