您所在的位置: 程序员家园 -> 家园博客 ->
 
在哪里摔倒
就在哪里自己爬起来

用户登录

查  找

最新评论

最新留言

常用网站

网易邮箱 GMAIL  

百度搜索 MSDN

霏凡软件 BT精品

影视帝国 射 手 网

电驴下载 全 库 网

友情连接

茄菲的窝 冰冰博客

枫叶飘零 玫  瑰

ACEN 云 豹 子

统  计



两种实现级联下拉菜单的基本方法
狼子 发表于 2007-3-25 18:13:00 阅读全文 | 回复(0) | 引用通告 | 编辑

整理贴子:http://www.tiantiansoft.com/bbs/dispbbs.asp?boardID=54&ID=12440

老是有人问,还要是一来就要代码,不是要方法,为每一个人的问题写一次代码,我做不到,这个贴子是比较详细的,我整理一下好了

这个贴子里的两种方法是使用iframe和使用js

1、使用iframe,是在页面里加一个iframe,里面连接到一个取数据的页面,当第一个下拉菜单onchaned的时候,提交iframe里的表单,取到数据后填入第二个下拉菜单里

2、使用js,把数据全部读取到js里面,onchanged时,根据第一个下拉菜单的值,从数组里取第二个菜单的项,加上

其实每一种方法,说到最后都是html代码,所有的asp或者asp.net,最后都是要生成html代码在页面上表现出来的,所以我先给出html代码

这是第2种方法的:

<html>
 <head>
  <title>改变option的内容</title>
 </head>
 <body>
  <form name="form1">
   <table border="1">
    <tr>
     <td>
      <select name="t1" onchange="gett2(this.value)">
       <option value="1" selected>ASP</option>
       <option value="2">ASP.NET</option>
      </select>
     </td>
     <td id="ct">
      <select name="t2">
       <option value="1" selected>JavaScript</option>
       <option value="2">VBScript</option>
      </select>
     </td>
    </tr>
   </table>
  </form>
   <script language="JavaScript">
    function gett2(i) {
     form1.t2.options.length=0; //删除所有的选项
     if(i==1)
     {
      form1.t2.options[form1.t2.options.length]=new Option("JavaScript","1",false,false);
      form1.t2.options[form1.t2.options.length]=new Option("VBScript","1",false,false);
     }
     else if(i==2)
     {
      form1.t2.options[form1.t2.options.length]=new Option("C#","1",false,false);
      form1.t2.options[form1.t2.options.length]=new Option("VB.NET","1",false,false);
     }
    }
   </script>
 </body>
</html>

看蓝色那里,蓝色那一段就是需要使用asp代码生成的了,这里我直接写成语句了,没有使用数组

第一种方法的例子在这里:http://www.tiantiansoft.com/bbs/dispbbs.asp?boardID=54&ID=11622

给出asp生成html的例子:UploadFiles/2007-3/325862557.rar

我不想写了,我肚子很饿了,谁要看详细的解释,就自己去看那个贴子吧

在asp.net里面使用省市的级联菜单,我发过一份自定义控件,源码在这里:user1/9/archives/2007/3265.html

发表评论:

    昵称:
    密码:
    主页:
    标题:
Powered by Oblog.