CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
山寨机中的战斗机! 程序优化工程师到底对IT界有没有贡献
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

150 恳求一段代码!

楼主coaa(scorpion)2002-01-31 18:24:08 在 Web 开发 / JavaScript 提问

有两个select,一个包含a,b,c.而另一个select根据选择不同的a,b,c时里面是不同的值,比如当选a时候,第二个select是1,2,3...如选b时第二个是7,8,9,.....  
  问题点数:150、回复次数:11Top

1 楼netgirl((网络女孩))回复于 2002-01-31 19:15:38 得分 150

<html>  
  <head>  
   
  </head>  
  <body>  
  <script   language="javascript">  
    function   Show()  
    {  
      temp=document.form1.a[document.form1.a.options.selectedIndex].value;  
      if   (temp=="a")  
      {   i=1;}  
      if   (temp=="b")  
      {i=4;}  
      if   (temp=="c")  
      {i=7;}  
        for(j=i,p=0;j<i+3;j++,p++)  
      document.form1.b.options[p]=new   Option(j);    
    }  
  </script>  
  <form   name="form1"   method="POST">  
  <p>  
  <select   size="1"   name="a"   onchange="Show();">  
  <option></option>  
  <option   value="a">a</option>  
  <option   value="b">b</option>  
  <option   value="c">c</option>  
  <option>  
  </select>  
  <select   size="1"   name="b">  
  </select>  
  </form>  
  </body>  
  </html>Top

2 楼netgirl((网络女孩))回复于 2002-01-31 19:16:13 得分 0

肯定可以的,说过的话要兑现哦Top

3 楼wangmingsheng()回复于 2002-01-31 19:34:52 得分 0

http://www.csdn.net/Expert/topic/505/505836.shtmTop

4 楼coaa(scorpion)回复于 2002-01-31 22:05:11 得分 0

to:netgirl((网络女孩))  
  哇塞,简直为我的要求而做的代码................(不太严谨哦)  
  没有什么可扩充性,而且在netscape4.79下测试不通过.但毕竟是完成了我的要求的.150分自然是你的了.把你的代码修改如下就可以运行在netscape4.79下了.  
  <html>  
  <head>  
   
  </head>  
  <body>  
  <script   language="javascript">  
  function   Show()  
  {  
      temp=document.form1.a[document.form1.a.options.selectedIndex].value;  
      if   (temp=="a")  
      {   i=1;}  
      if   (temp=="b")  
      {i=4;}  
      if   (temp=="c")  
      {i=7;}  
      for(j=i,p=0;j<i+3;j++,p++)  
      document.form1.b.options[p]=new   Option(j);    
  }  
  </script>  
  <form   name="form1"   method="POST">  
  <p>  
  <select   size="1"   name="a"   onchange="Show();">  
  <option></option>  
  <option   value="a">a</option>  
  <option   value="b">b</option>  
  <option   value="c">c</option>  
  <option>  
  </select>  
  <select   size="1"   name="b">  
  <option   value=1>  
  <option   value=2>  
  <option   value=3>  
  <option   value=4>  
  </select>  
  </form>  
  </body>  
  </html>    
  明天我来结帐.......Top

5 楼wylyf(李寻欢)回复于 2002-02-01 10:27:28 得分 0

学习学习了!前两天想实现这个功能,但没搞成今天真是高兴啊!Top

6 楼lihaitaoami(天鹅)回复于 2002-02-01 11:49:42 得分 0

可以试一下下面这个。  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb_2312-80">  
  <meta   name="GENERATOR"   content="Microsoft   FrontPage   3.0">  
  <title>销售数量分布汇总表</title>  
  <script   language="javascript">  
  <!--  
  var   array_a=new   Array("1","2","3");  
  var   array_b=new   Array("4","5","6");  
  var   array_c=new   Array("7","8","9");  
  //定义对应的数组,如果是动态生成的数据,可以从数据库取到本地数组中  
   
  function   change_show()  
  {  
      var   tmp=window.document.QueryForm.sel1.value;//select1中的值  
      if   (tmp=="a")           the_array=eval(array_a);  
      if   (tmp=="b")           the_array=eval(array_b);  
      if   (tmp=="c")           the_array=eval(array_c);  
      //判断要显示哪一个数组的数据  
   
      var   arr_len=window.document.QueryForm.sel2.options.length  
      for   (loop=0;loop<arr_len;loop++)  
      {  
          window.document.QueryForm.sel2.remove(0);  
  //先清空第二个select中的所有数据  
      }  
       
      for   (loop=0;loop<the_array.length;loop++)  
      {  
  var   e=window.document.createElement   ("OPTION");//创建新对象  
      e.text=the_array[loop];  
  e.value=the_array[loop];//赋值  
  window.document.QueryForm.sel2.add(e);     //添加到select2中  
      }  
      window.document.QueryForm.sel2.refresh;//刷新第二个select  
  }  
  -->  
  </script>  
  <body>  
  <form   name=QueryForm>  
  <select   name=sel1   size=1   onclick="javascript:change_show()">  
  <option   selected   value=a>a</option>  
  <option   value=b>b</option>  
  <option   value=c>c</option>  
  </select>  
   
  <select   name=sel2   size=1></select>  
  </form>  
  </body>  
  </html>Top

7 楼netgirl((网络女孩))回复于 2002-02-01 20:32:24 得分 0

是的,这个是纯粹为了实现你说的功能写的,很简单的  
  斗胆请教你,我没发现你把我的代码改了什么地方啊?  
  是不是今天结帐?Top

8 楼lihaitaoami(天鹅)回复于 2002-02-02 10:13:53 得分 0

楼上的是不是很缺钱花?这么着急啊。Top

9 楼coaa(scorpion)回复于 2002-02-02 13:05:03 得分 0

<html>  
  <head>  
   
  </head>  
  <body>  
  <script   language="javascript">  
  function   Show()  
  {  
      temp=document.form1.a[document.form1.a.options.selectedIndex].value;  
      if   (temp=="a")  
      {   i=1;}  
      if   (temp=="b")  
      {i=4;}  
      if   (temp=="c")  
      {i=7;}  
      for(j=i,p=0;j<i+3;j++,p++)  
      document.form1.b.options[p]=new   Option(j);    
  }  
  </script>  
  <form   name="form1"   method="POST">  
  <p>  
  <select   size="1"   name="a"   onchange="Show();">  
  <option></option>  
  <option   value="a">a</option>  
  <option   value="b">b</option>  
  <option   value="c">c</option>  
  <option>  
  </select>  
  <select   size="1"   name="b">  
  <!--modified  
                  <option   value=1>  
                  <option   value=2>  
                  <option   value=3>  
                  <option   value=4>  
  -->  
  </select>  
  </form>  
  </body>  
  </html>    
  Top

10 楼netgirl((网络女孩))回复于 2002-02-02 23:20:29 得分 0

option   value也可以在javascript中动态设定的,象你这样不好,要是有1000个,怎么办Top

相关问题

  • 100分!恳求!高手帮我看看这段 RSA加密代码!!
  • 再给100分!恳求!高手帮我看看这段 RSA!解密!!代码!!
  • 一段小代码
  • ^_^,一段小代码?!
  • 一段小代码
  • 求一段代码
  • 求一段代码
  • 求一段代码
  • 求一段代码..
  • 请教一段代码

关键词

得分解答快速导航

  • 帖主:coaa
  • netgirl

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo