苗族家园_三苗论坛

 找回密码
 注册会员

QQ登录

只需一步,快速开始

版主招募,共同携手如何注册三苗网?【三苗网主题歌】
查看: 343|回复: 0

ASP结合JS实现二级联动的例子(经过试验是成功的)

[复制链接]

升级   63.64%

 楼主| 发表于 2017-8-22 14:56 | 显示全部楼层 |阅读模式

交朋友,享特权,马上注册登录吧!

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
  1. ASP结合JS实现二级联动的例子(经过试验是成功的)

  2. <form name="formxl" action="?type=add" method="post">
  3. <%
  4. 'http://jingyan.todgo.com/shuma/1522136wzt.html
  5. Dim rs1,rs2,rs3,count1,count2,count3
  6. Set rs1 = Server.CreateObject("Adodb.recordSet")
  7. sql = "SELECT * FROM Type1 ORDER BY T_Name"
  8. rs1.Open sql,Conn,1,1
  9. %>
  10. <script language="javascript" type="text/javascript">
  11.         var Pcount=0;
  12.         var subCat1 = new Array();
  13.         <%
  14.         count1 = 0
  15.         Do While Not rs1.Eof
  16.         %>
  17.         subCat1[<% =count1 %>]=new Array("<% =rs1("T_Id") %>","<% =rs1("T_Name") %>");
  18.         <%
  19.         rs1.movenext
  20.         count1 = count1 + 1
  21.         Loop
  22.         rs1.Close
  23.         Set rs1 = Nothing
  24.         %>
  25.         Pcount=<% =count1 %>
  26.         function init(){
  27.         var i;
  28.         var j;
  29.         document.formxl.chandi.length=0;
  30.         document.formxl.chandi.options[0]=new Option("请选择大类","");
  31.         for(i=0;i<Pcount;i++){
  32.         document.formxl.chandi.options[document.formxl.chandi.length]=
  33.         new Option(subCat1[i][1],subCat1[i][0]);
  34.         }}
  35. </script>
  36. <%
  37. Set rs2 = Server.CreateObject("Adodb.recordSet")
  38. sql = "SELECT * FROM Type2 ORDER BY T_Name"
  39. rs2.Open sql,Conn,1,1
  40. %>
  41. <script language="javascript">
  42.         var Ccount=0;
  43.         var subCat2=new Array();
  44.         <%
  45.         count2 = 0
  46.         Do While Not rs2.Eof
  47.         %>
  48.         subCat2[<%=count2%>]=new Array("<% =rs2("T_Name") %>","<% =rs2("T_Name") %>","<% =rs2("T_Type1") %>");
  49.         <%
  50.         count2 = count2 + 1
  51.         rs2.MoveNext
  52.         Loop
  53.         rs2.Close
  54.         Set rs2 = Nothing
  55.         %>
  56.         Ccount=<% =count2 %>
  57.         function changedCity(cityId){
  58.         var i;
  59.         document.formxl.pinpai.length=0;
  60.         document.formxl.pinpai.options[0]=new Option("请选择小类","");
  61.         for(i=0;i<Ccount;i++){
  62.         if(subCat2[i][2]==cityId){
  63.         document.formxl.pinpai.options[document.formxl.pinpai.length]=
  64.         new Option(subCat2[i][1],subCat2[i][0]);
  65.         }}}
  66. </script>
  67. <td width="1%" style="padding-left:5px;padding-right:5px;">
  68.         <select class="select01" name="chandi" id="chandi" onChange="changedCity(document.formxl.chandi.options[document.formxl.chandi.selectedIndex].value)">
  69.                 <option selected="selected" name="opB">请选择大类</option>
  70.         </select>
  71. </td>
  72. <td width="1%" style="padding-left:5px;padding-right:5px;">
  73.         <select class="select01" name="pinpai" id="pinpai" onChange="changedBorough(document.formxl.pinpai.options[document.formxl.pinpai.selectedIndex].value)">
  74.                 <option selected="selected" name="opS">请选择小类</option>
  75.         </select>
  76. </td>
  77. <td style="padding-left:5px;padding-right:5px;">
  78.         <input name="butS" type="submit" id="butS" value="查询" class="but01"/>
  79. </td>
  80. </form>
  81. <form action="?S=A" method="post" name="S" id="S">
  82. <td width="1%" style="padding-left:5px;padding-right:5px;">
  83.         <input name="inputS" type="text" class="input01"/>
  84. </td>
  85. <td width="1%" style="padding-left:5px;padding-right:5px;">
  86.         <input name="butSearch" type="submit" id="butSearch" value="查询" class="but01"/>
  87. </td>
  88. </form>
复制代码


您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

点击这里给我发消息

QQ|三苗网商城|Archiver|手机版|小黑屋|手机客户端|三苗网 ( 京ICP备12028111号

GMT+8, 2018-1-21 04:45 , Processed in 0.296875 second(s), 21 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表