怎样显示动态下拉框内容？ — 碧海澜涛居

正常访问状态！

设为首页 | 加入收藏夹 | 浏览历史

http://www.guosp.com
碧海澜涛居
海纳百川，有容乃大。壁立千刃，无欲则刚！

关键词：

网站首页 | 关于本站 | 技术资料 | 美文日志 | 读书收藏 | 影视收藏 | 软件收藏 | 摄影相册| 留言板

技术资料 >> ASP资料库

搜索标签：数据库读取动态下拉框
怎样显示动态下拉框内容？
[阅读次数：3017次] [发布时间：2009年8月15日]
有两个下拉选择框，第一个下拉框从数据库读取区名，第二个下拉框显示区所在的街道名称，怎样根据区名动态显示街道名称呢？ <html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <title>sb</title> </head> <body leftmargin="0" topmargin="0"> <form method="POST" action="" name="form1"> <div align="center"> <center> <table border="1" cellpadding="0" cellspacing="0" width="600" bordercolor="#0066CC" bordercolorlight="#0066CC" bordercolordark="#0066CC"> <tr> <td> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="600"> <tr> <td width="100" height="24" align="right"><font color="#000000">区名：</font></td> <td width="500" height="24"><select onchange="changeProvince(this);" name="ftype"><option value="请选择" selected>请选择</option></select></td> </tr> <tr> <td width="100" height="24" align="right"><font color="#000000">街道</font><font color="#000000">：</font></td> <td width="500" height="24"><select name="stype"><option value="请选择" selected>请选择</option></select></td> </tr> </table> </div> <script language="javascript" purpose="INITIALIZER"> <!-- function Province(id,title) { this.id = id; this.title=title; this.boardlist=new Array(); this.addBoard=addBoard; this.getOptions = getOptions; } function addBoard(board) { this.boardlist = this.boardlist.concat(board); } function getOptions() { var tmp = new Array(); for(var i=0; i < this.boardlist.length;i++) { var b = this.boardlist[i]; tmp[i]= b.getOption(); } return tmp; } //board methods function Board(catid,id,title,total) { this.catid=catid; this.id=id; this.title=title; this.getOption=getOption; } function getOption() { return new Option(this.title,this.id); } function changeProvince(list) { if (list.selectedIndex<=0) { catForm1.options[0].selected=true; var len = boardForm1.options.length; for (var i=len-1;i>0;i--){ boardForm1.options[i]=null; } } else { var boards = catArr1[list.selectedIndex-1].getOptions(); var len = boardForm1.options.length; for (var i=len-1;i>0;i--){ boardForm1.options[i]=null; } for (var i=0;i<boards.length;i++) { boardForm1.options[i+1]=boards[i]; } var tmpPro = list.options[list.selectedIndex].value; } } //static methods var catArr1 = new Array(); var cur1; //取区名、街道 cur1 = new Province('越秀区','越秀区'); catArr1 = catArr1.concat(cur1); cur1.addBoard(new Board(1002,'越秀1街','越秀1街')); cur1.addBoard(new Board(1002,'越秀2街','越秀2街')); cur1 = new Province('天河区','天河区'); catArr1 = catArr1.concat(cur1); cur1.addBoard(new Board(1098,'天河1街','天河1街')); cur1.addBoard(new Board(1098,'天河2街','天河2街')); cur1 = new Province('芳村区','芳村区'); catArr1 = catArr1.concat(cur1); cur1.addBoard(new Board(1098,'芳村区1街','芳村区1街')); //init catform1 var catForm1 = document.all.ftype; var boardForm1 = document.all.stype; --> </script> <script language="javascript"> <!-- for (var i=0;i<catArr1.length;i++) { catForm1.options[i+1]=new Option(catArr1[i].title,catArr1[i].id); //设置区名选择框的选择值 if(catForm1.options[i+1].value == ''){ catForm1.options[i+1].selected=true; } } changeProvince(catForm1); var len = boardForm1.options.length; for (var i=0;i<len;i++) { //设置街道选择框的选择值 if(boardForm1.options[i].value == '') { boardForm1.options[i].selected=true; } } //设置行业的当前值 for (var i=document.frmAreaSearch.categoryId.length-1 ;i >= 0 ;i--){ if (document.frmAreaSearch.categoryId[i].value =='100101'){ document.frmAreaSearch.categoryId[i].selected = true; } } --> </script> </td> </tr> </table> </center> </div> </form> </body> </html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link href="base.css" rel="stylesheet" type="text/css"> <title>无标题文档</title> </head> <SCRIPT language=JavaScript> function upload(type,obj) { if (type=="img") { var arr = showModalDialog("upfileForm.asp?upType=img", "", "dialogWidth:25em; dialogHeight:5em; status:0;help:0;"); if (arr!=null) { obj.value = arr; obj.focus(); } } if (type=="soft") { var arr = showModalDialog("upfileForm.asp?upType=soft", "", "dialogWidth:25em; dialogHeight:5em; status:0;help:0;"); if (arr!=null) { obj.value = arr; obj.focus(); } } } function onsubmited() { if(document.form1.bigclassid.value == "" \|\| document.form1.smallclassid.value == "" \|\| document.form1.title.value == "" \|\| document.form1.uptime.value == "" \|\| document.form1.author.value == "" ) { alert("所有项目不能为空不能为空！"); document.form1.title.focus(); return false; } return true; } </SCRIPT> <body class="ty" bgcolor="#DEE2E9"> <form action="artical.asp?action=add" method="post" name="form1"onsubmit="return onsubmited()" > <!--#include file=conn.asp --> <% set rs2=server.CreateObject ("ADODB.RecordSet") rs2.Source="select * from BigClass" rs2.Open rs2.source,conn,1,1 %> <% dim rs dim sql dim count set rs=server.createobject("adodb.recordset") sql = "select * from smallclass" rs.open sql,conn,1,1 %> <script language="JavaScript"> var onecount; onecount=0; subcat = new Array(); <% count = 0 do while not rs.eof %> subcat[<%=count%>] = new Array("<%= trim(rs("smallclassname"))%>","<%= trim(rs("bigclassid"))%>","<%= trim(rs("smallclassid"))%>"); <% count = count + 1 rs.movenext loop rs.close %> onecount=<%=count%>; function changelocation(locationid) { document.form1.smallclassid.length = 0; document.form1.smallclassid.options[document.form1.smallclassid.length] = new Option("请选择小类", ""); var locationid=locationid; var i; for (i=0;i < onecount; i++) { if (subcat[i][1] == locationid) { document.form1.smallclassid.options[document.form1.smallclassid.length] = new Option(subcat[i][0], subcat[i][2]); } } } </script> <script language="JavaScript"> <!-- function na_select_form (fname, type_name) { document.forms[fname].elements[type_name].select() document.forms[fname].elements[type_name].focus() } // --> </script> <div align="center"> <p> </p> </div> <table width="71%" border="1" align="center"> <tr> <td width="67%" height="40" valign="top"> <div align="left"></div> <table width="63%" height="20" border="0" align="left"> <tr> <td width="63%" height="29" valign="top"> 所属类别： <select name="bigclassid" onChange="changelocation(document.form1.bigclassid.options[document.form1.bigclassid.selectedIndex].value)" size="1"> <option selected value="">请选择大类</option> <%dim bigclassid,master,bigmaster,bigclassmaster do while not rs2.eof bigclassid=rs2("bigclassid") %> <option value="<%=trim(rs2("bigclassid"))%>"><%=trim(rs2("bigclassname"))%></option> <% rs2.movenext loop rs2.close %> </select> </td> <td width="37%" valign="top"> <select name="smallclassid" size="1"> <option selected value="">请选择小类</option> </select></td> </tr> </table></td> </tr> <tr> <td height="37"> 文章标题： <input type="text" name="title"> </td> <tr> <td height="36" colspan="2"> <div align="left">发布时间： <input name="uptime" type="text" id="uptime3" value="<%=date()%>"> </div></td> <tr> <td height="37" colspan="2">文章作者： <input type="text" name="author"></td> <tr> <td height="16" colspan="2" valign="top"> <table width="55%" height="30" border="0"> <tr> <td width="46%">  图片地址: <input name="hotShowImage" type="text" class="dataInput" onFocus="this.select()" value="upfile/pic/20057218644121.jpg"> [<a href="#" onClick="upload('img',document.form1.hotShowImage);">图片上传</a>]</td> </tr> </table></td> <tr> <td height="16" colspan="2" valign="top">是否推荐： <select name="select"> <option value="1">是</option> <option value="0" selected>否</option> </select></td> <tr> <tr> <td height="77" class="tdbg2"> <textarea name="bodya" id="bodya" style="display:none"></textarea> <iframe ID="eWebEditor1" src="eWebEditor/ewebeditor.asp?id=bodya&style=standard" frameborder="0" scrolling="no" width="600" HEIGHT="350"></iframe> </td> </table> <div align="center"> <input type="image" name="Submit" value="发表文章" src="go.gif"> </div> </form> </body> </html> 注：可手动修改代码后运行！本页地址： [复制地址] 该页内容非本站原创收藏自：互联网
返回顶部

评论统计（0条）| 我要评论

暂无评论内容！

我要评论

我要评论：

带*部分需要填写

姓名称呼：

* 请填写您的姓名或呢称

联系方式：

QQ,MSN,Email都可以，方便交流 (仅管理员可见)

评论内容：

* 不超过100字符，50汉字

验证码：

推荐链接

最近更新

·Host 'XXX' is not allowed...
·Win2008或IIS7的文件上传大...
·IIS7.0上传文件限制的解决方...
·测试信息2015-03-11
·asp.net中处理图片
·ASP.NET之Web打印－终极解决...
·Asp.net下C#调用Word模版实...
·asp.net下将页面内容导入到...
·asp.net导出为pdf文件
·asp.net生成pdf文件
·FCKeditor 文本编辑器的使用...
·ASP.NET 将数据生成PDF
·asp.net2.0导出pdf文件完美...
·AspJpeg的安装与测试
·JS验证浏览器版本对IE11的支...

热门浏览

·IE8和IE9出现“此网页上的问...
·无线路由器密码破解,教你断...
·js替换所有回车换行符
·QQ/MSN在线交流代码
·如何取消键盘上的一些快捷键...
·IE弹出“中国工商银行防钓鱼...
·win7声音小的解决方法
·webdav漏洞的利用
·强制两端对齐的函数或者CSS...
·win7下成功安装sql server ...
·显示器分辨率调的过高导致电...
·天诺时空技术技术论坛
·js验证手机号码格式
·JS展开和收缩效果(二)
·本地计算机上的 MSSQLSERVE...

碧海澜涛居

网站首页｜关于本站｜站长简介｜开发案例｜技术资料｜美文日志｜摄影相册｜读书收藏｜影视收藏｜留言板

版权所有：碧海澜涛 QQ:410436434 Email:shaopo_guo@163.com 苏ICP备15000526号

免责声明：本站为个人网站，站内所有文字、图片等各类资料均为个人兴趣爱好所收集，不用作任何商业用途，亦不保证资料的真实性，若有因浏览本站内容而导致的各类纠纷，本站也不承担任何责任。本站部分内容来自互联网，如有涉及到您的权益或隐私请联系站长解决。