设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 61|回复: 6
打印 上一主题 下一主题

[求助]关于下拉框的问题

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-14 05:56:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
各位高手谁能帮我一个忙呀!!

    我做了一个页面,有两个下拉框,我想在第一个下拉框中选择后,第二个下拉框里的内容根据第一个下拉框所选的内容进行变更!!

  比如,第一个下拉框有四个选项,  分别是 1  2  3  4

我点  1 后第二个下拉框中显示  a b c
我点  2  后第二个下拉框中显示  d e f
我点  3 后第二个下拉框中显示  g h i
我点  4 后第二个下拉框中显示   j k l

我该怎么才能实现呀!!请各位高手给予指点!!在线等!!!
2#
发表于 2010-1-14 05:56:44 | 只看该作者
(总、区、版)固顶话题里就应该有,楼主先看看那里。
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-14 05:56:48 | 只看该作者
1
回复 支持 反对

使用道具 举报

4#
发表于 2010-1-14 05:56:51 | 只看该作者
2
回复 支持 反对

使用道具 举报

5#
发表于 2010-1-14 05:56:56 | 只看该作者
  1. <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>:::回复您的多级菜单的内容:::</title>
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!--
  8. function Dsy()
  9. {
  10. this.Items = {};
  11. }
  12. Dsy.prototype.add = function(id,iArray)
  13. {
  14. this.Items[id] = iArray;
  15. }
  16. Dsy.prototype.Exists = function(id)
  17. {
  18. if(typeof(this.Items[id]) == "undefined") return false;
  19. return true;
  20. }
  21. function change(v){
  22. var str="0";
  23. for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
  24. var ss=document.getElementById(s[v]);
  25. with(ss){
  26. length = 0;
  27. options[0]=new Option(opt0[v],opt0[v]);
  28. if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
  29. {
  30. if(dsy.Exists(str)){
  31. ar = dsy.Items[str];
  32. for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
  33. if(v)options[1].selected = true;
  34. }
  35. }
  36. if(++v<s.length){change(v);}
  37. }
  38. }
  39. var dsy = new Dsy();
  40. //第一级
  41. dsy.add("0",["1","2","3"]);
  42. //第二级
  43. dsy.add("0_0",["a","b","c"]);
  44. dsy.add("0_1",["e","f","g"]);
  45. dsy.add("0_2",["h","i","j"]);
  46. //-->
  47. </SCRIPT>
  48. <SCRIPT LANGUAGE = JavaScript>
  49. var s=["s1","s2"];
  50. var opt0 = ["第一级","第二级"];
  51. function setup()
  52. {
  53. for(i=0;i<s.length-1;i++)
  54. document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
  55. change(0);
  56. }
  57. //-->
  58. </SCRIPT>
  59. </head>
  60. <body bgcolor="#6699cc" onload="setup()" >
  61. <p>
  62. </p>
  63. <p align="center"><font size="2">第一级
  64. <select name="11111" id="s1">
  65. <option>第一级</option>
  66. </select>第二级
  67. <select name="22222" id="s2">
  68. <option>第二级</option>
  69. </select>
  70. </font></p>
  71. <tr><td width="100%" height="65"><p><span class="style8"><font size="2"><span class="style6"> </span></font></span><span class="style3">
  72. </span></p></td>
  73. </tr>
  74. </body>
  75. </html>
复制代码
回复 支持 反对

使用道具 举报

6#
发表于 2010-2-10 21:05:08 | 只看该作者
能够在如此精彩的帖子后面留下自己的网名是多么骄傲的一件事啊
回复 支持 反对

使用道具 举报

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

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-18 22:57 , Processed in 0.402122 second(s), 8 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

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