当前位置:编程学习 > JS >>

jsp中做下拉菜单的级联 不用AJAX(不懂那个)

给我二级级联 带详细点解释能实现的代码就可以了

追问:你速度太快了  我才刚发上来呢 呵呵

答案:<html>
  <head>
  <title>两级下拉级联菜单</title>
  <script language="JavaScript">
  <!--
  //第一维:第一个下拉列表的值
  //第二维:第二个下拉列表中看到的字符串
  //第三维:第二个下拉列表中的值
  var subcat = new Array();
  //如果大类的值是动态的,则可以通过数据库中获取,如下设置
  //subcat[<%=count%>] = new Array('<%=trim(rs("leemaid"))%>','<%=rs("leemaconte nt")%>','<%=rs("leemacontent")%>');
  subcat[0] = new Array('1','电视机','=1')
  subcat[1] = new Array('1','电风扇','=2')
  subcat[2] = new Array('1','电饭煲','=3')
  subcat[3] = new Array('1','电炒锅','=4')
  subcat[4] = new Array('1','电灯','=5')
  subcat[5] = new Array('1','电脑','=6')
  subcat[6] = new Array('1','电冰箱','=7')
  subcat[7] = new Array('1','洗衣机','=8')
  subcat[8] = new Array('1','微波炉','=9')
  subcat[9] = new Array('1','VCD影碟机','=10')
  subcat[10] = new Array('2','二极管','=11')
  subcat[11] = new Array('2','三极管','=12')
  subcat[12] = new Array('2','CMOS集成块','=13')
  subcat[13] = new Array('2','电阻','=14')
  subcat[14] = new Array('2','电容','=15')
  subcat[15] = new Array('2','整流二极管','=16')
  subcat[16] = new Array('2','整流桥','=17')
  subcat[17] = new Array('2','可控硅','=18')
  subcat[18] = new Array('2','电子枪','=19')
  subcat[19] = new Array('2','光敏二极管','=20')
  function changeselect(selectValue)
  {
    document.form.s2.length = 0;//初始化下拉列表 清空下拉数据
 //document.form.s2.options[0] = new Option('请选择二级小类','');//给第一个值
 for (i=0; i<subcat.length; i++)//legth=2
 {
   if (subcat[i][0] == selectValue)//[0] [1] 第一列 第二列
   {
     document.form.s2.options[document.form.s2.length] = new Option(subcat[i][1], subcat[i][2]);
   }
 }
  }
  //-->
  </script>
  </head> 

  <body>
    <form name="form">
 二级联动:
   <select name="s1" onChange="changeselect(this.value)">
     <option>请选择一级大类</option>
     <option value="1">家用电器</option>
     <option value="2">电子元器件</option>
   </select>
   <select name="s2" onChange="alert(this.value)">
     <option>请选择二级小类</option>
   </select>
 </form>
  </body>
</html>

 最基础的HTML代码。JS都有注释的。

上一个:谁有asp.net Ajax的组件,搞好加50分
下一个:jsp使用ajax加载子页面,如何提交子页面的表单?

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,