📄 jsp动态实现二级联动_鸟漅と家.htm
字号:
<TD class=modtl width=7> </TD>
<TD class=modtc noWrap>
<DIV class=modhead><SPAN class=modtit>查看文章</SPAN></DIV></TD>
<TD class=modtc noWrap align=right></TD>
<TD class=modtr width=7> </TD></TR></TBODY></TABLE>
<DIV class=modbox id=m_blog>
<DIV class=tit>JSP动态实现二级联动</DIV>
<DIV class=date>2008年02月01日 星期五 13:26</DIV>
<TABLE style="TABLE-LAYOUT: fixed">
<TBODY>
<TR>
<TD>
<DIV class=cnt id=blog_text>
<P><script language="JavaScript"
type="text/javascript"><BR>//ChangeSelect(上一级的值,下一级Select控件的ID值,下一级Select控件要选中的值(即value而非text),数据源数组名)，第一级的上级值为0<BR>function
ChangeSelect(ParentValue, NextId, NextSelectedValue,
ArrObj)<BR>{<BR> StrObj =
eval(document.getElementById(NextId));<BR>
StrObj.length = 0;<BR>
//判断它是二维数组数据源，还是三维数组数据源<BR> if (ArrObj.length >
0)<BR>
{<BR> if (ArrObj[0].length
== 2)<BR> {ArrNum =
0;}<BR>
else<BR> {ArrNum =
2;}<BR> }<BR>
//显示所有列表<BR> for (i = 0; i < ArrObj.length;
i++)<BR>
{<BR> if (i ==
0)<BR>
{<BR>
StrObj.options[StrObj.length] = new Option("- 请选择 -",
"");<BR>
}<BR> if (ArrObj[i][1] ==
ParentValue)<BR>
{<BR>
StrObj.options[StrObj.length] = new
Option(ArrObj[i][0],ArrObj[i][ArrNum]);<BR>
}<BR> }<BR>
//选中列表内某一项<BR> for (i = 0; i < StrObj.length;
i++)<BR>
{<BR> if
(StrObj.options[i].value ==
NextSelectedValue)<BR>
{<BR>
StrObj.options[i].selected =
true;<BR>
}<BR> }<BR>
//激发下一级的onchange事件以实现多级级联<BR>
StrObj.onchange();<BR>}<BR>//公司二维数组数据源<BR>Office =
[<BR>["CategoryName","ParentCategoryName"],<BR>["业务部","0"],<BR>["技术部","0"],<BR>["市场部","0"],<BR>["业务部小柳","业务部"],<BR>["业务部小杨","业务部"],<BR>["业务部小菜","业务部"],<BR>["技术部老柳","技术部"],<BR>["技术部老杨","技术部"],<BR>["技术部老菜","技术部"],<BR>["市场部柳先生","市场部"],<BR>["市场部杨先生","市场部"],<BR>["市场部菜鸟","市场部"]<BR>]<BR>//省市二维数组数据源<BR>City2
=
[<BR>["CategoryName","ParentCategoryName"],<BR>["山西省","0"],<BR>["河北省","0"],<BR>["太原市","山西省"],<BR>["运城市","山西省"],<BR>["石家庄","河北省"],<BR>["廊房","河北省"]<BR>]<BR>//省市三维数组数据源<BR>City3
=
[<BR>["CategoryName","ParentId","Id"],<BR>["北京","0","010"],<BR>["山西","0","0359"],<BR>["朝阳区","010","001"],<BR>["海淀区","010","002"],<BR>["豆各庄","001","101"],<BR>["十里堡","001","102"],<BR>["中关村","002","201"],<BR>["上地","002","202"],<BR>["运城地区","0359","301"],<BR>["太原市","0359","302"],<BR>["永济市","301","311"],<BR>["小区","302","312"]<BR>];<BR></script><BR><select
id="office1"
style="width:100px"></select><BR><select
id="office2"
style="width:100px"></select><BR><script language="JavaScript"
type="text/javascript">ChangeSelect('0','office1','',Office)
</script><BR><br /><BR><select id="City001"
style="width:100px"></select><BR><select
id="City002"
style="width:100px"></select><BR><script language="JavaScript"
type="text/javascript">ChangeSelect('0','City001','',City2)
</script><BR><br /><BR><select id="City3001"
style="width:100px"></select><BR><select
id="City3002"
style="width:100px"></select><BR><select
id="City3003"
style="width:100px"></select><BR><script language="JavaScript"
type="text/javascript">ChangeSelect('0','City3001','0359',City3)
</script><BR><br /></P>
<P><STRONG><FONT color=#ff0000>再用动态套用就是了</FONT></STRONG><BR><IMG
style="DISPLAY: none; POSITION: relative"
src="JSP动态实现二级联动_鸟漅と家.files/b.gif"></P></DIV></TD></TR></TBODY></TABLE><BR>
<DIV class=opt><A title=查看该分类中所有文章
href="http://hi.baidu.com/caoyangkun/blog/category/ÍøÕ¾±à³Ì">类别：网站编程</A> | <A
title=将此文章添加到百度搜藏 onclick="return addToFavor();"
href="http://cang.baidu.com/do/add" target=_blank>添加到搜藏</A> | 浏览(<SPAN
id=result></SPAN>) | <A
href="http://hi.baidu.com/caoyangkun/blog/item/9fef99f48f0dca6adcc474b5.html#send">评论</A> (0)
<SCRIPT language=javascript>/*<![CDATA[*/var pre = [true,'jsp数据库连接', 'jsp数据库连接','/caoyangkun/blog/item/fd8a5d8042ed6bd39023d9aa.html'];var post = [true,'Java的文件与磁盘操作','Java的文件与磁盘操作', '/caoyangkun/blog/item/ea1b591bd0cf9afeae5133b6.html'];if(pre[0] || post[0]){ document.write('<div style="height:5px;line-height:5px;"> </div><div id="in_nav">'); if(pre[0]){ document.write('上一篇：<a href="' + pre[3] + '" title="' + pre[1] + '">' + pre[2] + '</a> '); } if(post[0]){ document.write('下一篇：<a href="' + post[3] + '" title="' + post[1] + '">' + post[2] + '</a>'); } document.write('</div>');}/*]]>*/</SCRIPT>
</DIV>
<DIV class=line></DIV>
<STYLE type=text/css>#in_related_doc A {
TEXT-DECORATION: none
}
</STYLE>
<DIV id=in_related_tmp></DIV>
<SCRIPT language=javascript type=text/javascript>/*<![CDATA[*/function HI_MOD_IN_RELATED_DOC_CALLBACK(arg){ if(arg.length <= 1) return false; var hasMore = arg[0]; var D=function(A,B){A[A.length]=B;} if(arg.length % 2 == 0) D(arg, ["","","",""]); var html = ['<div id="in_related_doc"><div class="tit">相关文章：</div>']; D(html, '<table cellpadding="0" cellspacing="3" border="0">'); for(var i = 1, j = arg.length; i < j; i += 2){ D(html, '<tr>'); D(html, '<td width="15px"><a style="font-size:25px" >•</a></td><td><a href="http://hi.baidu.com/' + arg[i][3] + '/blog/item/' + arg[i][2] + '.html" target="_blank" title="' + arg[i][0] + '">' + arg[i][1] + '</a>'); D(html, new Array(10).join('\u3000')); D(html, '</td>'); if(arg[i + 1][0] != "") D(html, '<td width="15px"><a style="font-size:25px" >•</a></td><td><a href="http://hi.baidu.com/' + arg[i + 1][3] + '/blog/item/' + arg[i + 1][2] + '.html" target="_blank" title="' + arg[i + 1][0] + '">' + arg[i + 1][1] + '</a></td>'); else D(html, '<td> </td><td> </td>'); D(html, '</tr>'); } if(hasMore) D(html, '<tr><td colspan="4"><a target="_blank" href="/sys/search?pageno=1&type=7&sort=1&word=JSP%B6%AF%CC%AC%CA%B5%CF%D6%B6%FE%BC%B6%C1%AA%B6%AF&item=9fef99f48f0dca6adcc474b5">更多>></a></td></tr>'); D(html, '</table></div><div class="line"> </div>'); var div = document.getElementById('in_related_tmp'); if(div){ div.innerHTML = html.join(''); while(div.firstChild){ div.parentNode.insertBefore(div.firstChild, div); } div.parentNode.removeChild(div); } window.setTimeout("tracker_init('in_related_doc')",100);}if(RelatedDocData == -1){ // not supported xhr var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '/sys/search?type=8&word=JSP%B6%AF%CC%AC%CA%B5%CF%D6%B6%FE%BC%B6%C1%AA%B6%AF&item=9fef99f48f0dca6adcc474b5&t=' + new Date().getTime(); document.getElementsByTagName('HEAD')[0].appendChild(script);}else if(RelatedDocData == null){ GetAndEval = true;}else{ eval(RelatedDocData);}/*]]>*/</SCRIPT>
<DIV id=in_reader>
<DIV class=tit>最近读者：</DIV>
<SCRIPT> var g_spAnnony=true;var g_read=[ ["jayleehom2000","53776a61796c6565686f6d323030300e01","jayleehom2000"], ["20040515","0dea3230303430353135fe02","20040515"], ["chenyucode","98306368656e7975636f64656604","chenyucode"], ["%B8%D6%C6%DF%C1%AC%CE%C4%CA%E9","9d55b8d6c6dfc1accec4cae90604","钢七连文书"], ["xytel","f828787974656c5c00","xytel"], ["ldl13811180833","7e846c646c31333831313138303833336802","ldl13811180833"],{}];g_read.length=g_read.length-1;var _rh1="";var _rh2="";function wrreader(){ _rh1 += '<table width="100%" ><tr>'; _rh2+='<tr>'; if(g_spAnnony){ _rh1+='<td align="center" width="10%" ><img border="0" width="55" height="55" src="http://img.baidu.com/hi/img/portraitn.jpg"></td>'; _rh2+='<td> </td>'; if(g_read.length>0){ _rh1+='<td align="left" width="12%">'; }else{ _rh1+='<td align="left" width="100%">'; } _rh1+='<a href="http://passport.baidu.com/?login&tpl=sp&tpl_reg=sp&u='+myref+'" target="_self">登录</a>后，您就出现在这里。</td>'; _rh2+='<td> </td>' } if(g_read.length==0){ if(!g_spAnnony){ _rh1+='<td align=left width="100%">最近还没有登录用户看过这篇文章……</td>'; _rh2+='<td> </td>'; } }else{ for(i=0,len=g_read.length;i<len;i++){ _rh1+='<td align="center" valign="bottom" width="10%" class="user"><a href="/'+g_read[i][0]+'" target="_blank"><img border="0" src="http://himg.baidu.com/sys/portraitn/item/'+g_read[i][1]+'.jpg"></a></td>'; _rh2+='<td align="center" valign="top" class="user"><a href="/'+g_read[i][0]+'" target="_blank">'+g_read[i][2]+'</a></td>'; } } _rh1+='<td width="100%"></td></tr>'; _rh2+='<td></td></tr></table>'; document.write(_rh1+_rh2);}wrreader();</SCRIPT>
</DIV>
<DIV class=line></DIV>
<SCRIPT language=JavaScript>allkey=allkey+"32caf00984c9e7cf3ac7638d_9fef99f48f0dca6adcc474b5_";</SCRIPT>
<DIV id=in_comment><A name=comment></A>
<DIV class=tit>网友评论：</DIV>
<SCRIPT>function writecmt(type,id,cmtname,cmturl,portraitId){ var html1=""; if(type==1){ html1="<a href='"+cmturl+"' target='_blank' title='"+cmturl+"'><img border='0' src='http://himg.baidu.com/sys/portraitn/item/"+portraitId+".jpg'><br>"+cmtname+"</a>"; }else{ if(cmtname=="" || cmtname=="匿名网友"){ if(cmturl==""){ html1="<a>匿名网友</a>"; }else{ html1="<a href='"+cmturl+"' target='_blank' title='"+cmturl+"'>"+cmtname+"</a>"; } }else{ if(cmturl==""){ html1="<div class='f14' style='display:inline'>网友:<a>"+cmtname+"</a></div>"; }else{ html1="<div class='f14' style='display:inline'>网友:<a href='"+cmturl+"' target='_blank' title='"+cmturl+"'>"+cmtname+"</a></div>"; } } } document.write(html1);}</SCRIPT>
<DIV id=page></DIV></DIV>
<DIV id=in_send><A name=send></A>
<FORM id=popFormSubmit name=form1 onsubmit="return checkcmtform()"
action=/caoyangkun/commit method=post><INPUT type=hidden value=8 name=ct> <INPUT
type=hidden value=1 name=cm> <INPUT type=hidden value=9fef99f48f0dca6adcc474b5
name=spBlogID> <INPUT id=spRefURL type=hidden name=spRefURL>
<SCRIPT> document.getElementById("spRefURL").value = window.location.href;</SCRIPT>
<DIV class=tit>发表评论：</DIV>
<TABLE cellSpacing=5 cellPadding=0 width=620 border=0>
<TBODY>
<TR>
<TD class=f14>姓 名：</TD>
<TD><INPUT id=spBlogCmtor style="WIDTH: 220px" onfocus=hidErr(1);
tabIndex=1 maxLength=49 onchange="checkname('spBlogCmtor')"
name=spBlogCmtor>
<SCRIPT>document.write(" <a href='http://passport.baidu.com/?reg&tpl=sp&return_method=get&skip_ok=1&u=http://hi.baidu.com/sys/reg/' target='_blank'>注册</a>");document.write(' | <a href="http://passport.baidu.com/?login&tpl=sp&tpl_reg=sp&u='+myref+'">登录</a>');</SCRIPT>
<DIV id=nmerror style="DISPLAY: none">*姓名最长为50字节</DIV></TD></TR>
<TR id=1_err style="DISPLAY: none">
<TD> </TD>
<TD>
<DIV class=error id=1_err_con></DIV></TD></TR>
<TR>
<TD class=f14>网址或邮箱：</TD>
<TD><INPUT id=spBlogCmtURL style="WIDTH: 360px" onfocus=hidErr(2);
tabIndex=2 maxLength=128 onchange="checkeandu('spBlogCmtURL')"
name=spBlogCmtURL> (选填)</TD>
<SCRIPT>G("spBlogCmtor").value="";G("spBlogCmtURL").value="";</SCRIPT>
</TR>
<TR id=2_err style="DISPLAY: none">
<TD> </TD>
<TD>
<DIV class=error id=2_err_con></DIV></TD></TR>
<TR>
<TD class=f14 vAlign=top>内 容：</TD>
<TD><TEXTAREA id=spBlogCmtText style="WIDTH: 520px; HEIGHT: 155px" onfocus=hidErr(3); tabIndex=3 name=spBlogCmtText></TEXTAREA>
<SCRIPT>G("spBlogCmtor").value=G("spBlogCmtor").defaultValue;G("spBlogCmtText").value="";</SCRIPT>
</TD></TR>
<TR id=3_err style="DISPLAY: none">
<TD> </TD>
<TD>
<DIV class=error id=3_err_con></DIV></TD></TR>
<TR id=vercode>
<TD class=f14 vAlign=top>验证码：</TD>
<TD vAlign=top><INPUT type=hidden
value=30357370616365313834383436373635303030303030303030303030303031323235343334323534E7A4572AEA43426755B722CF697D823A
name=spVcode> <INPUT id=spVerifyKey onfocus=f_focus() tabIndex=4
maxLength=4 size=6 name=spVerifyKey autocomplete="off"><BR>
<SCRIPT type=text/javascript>/*<![CDATA[*/var imgsrc="http://hiup.baidu.com/cgi-bin/genimg?30357370616365313834383436373635303030303030303030303030303031323235343334323534E7A4572AEA43426755B722CF697D823A";function f_focus(){ if(G('yanzheng').style.display=="none" ){ G('verifypic').src=imgsrc; G('yanzheng').style.display="block"; }}function newverifypic(){ G("verifypic").src = imgsrc +"&t="+ Math.random(); return false;}/*]]>*/</SCRIPT>
<DIV id=yanzheng style="DISPLAY: none"><IMG id=verifypic height=40
width=120><WBR><A title=看不清左边的字符 onfocus=this.blur();
onclick="return newverifypic();"
href="http://hi.baidu.com/caoyangkun/blog/item/9fef99f48f0dca6adcc474b5.html#">看不清?</A>
</DIV></TD></TR>
<TR>
<TD class=f14 vAlign=top> </TD>
<TD class=f14 vAlign=top><INPUT id=btn_ok tabIndex=5 type=submit value=发表评论 name=btn_ok></TD></TR></TBODY></TABLE></FORM></DIV><BR></DIV>
<TABLE height=8 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=modbl width=7> </TD>
<TD class=modbc> </TD>
<TD class=modbr width=7> </TD></TR></TBODY></TABLE></DIV></DIV></DIV></DIV>
<SCRIPT language=javascript><!--var hstr="/caoyangkun/brwstat?key1=1";document.write("<script src='"+hstr+"&key2="+allkey+"'><\/script>");//--></SCRIPT>
<BR>
<CENTER>
<DIV id=ft>©2008 Baidu</DIV></CENTER>
<SCRIPT>if(document.getElementById("m_blog")){ var imgarray = document.getElementById("m_blog").getElementsByTagName('img'); var imgw = document.getElementById("m_blog").offsetWidth; imgw =imgw-40; for(var i=0; i<imgarray.length; i++){ if(imgarray[i].className=="blogimg" && imgarray[i].width>=imgw) imgarray[i].width=imgw; }}// Fix ff bugsvar blog_text = document.getElementById('blog_text');blog_text.innerHTML = blog_text.innerHTML.replace(/href\s*=\s*("|')?(\.\.\/\.\.\/)/gi,"href=$1../$2");</SCRIPT>
</CENTER><IMG style="DISPLAY: none" src=""> </BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -