• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网页制作 >> Javascript >> 详细内容
 

推荐文章

 
 

热点文章

  • 北京2008年奥运会金牌排行榜 调用163
  • JavaScript实现图片幻灯片效果的源代码
  • javascript汉字转拼音 功能块,方法很笨但很实用
  • 腾讯迷你天气预报代码
  • JavaScript中常用正则表达式
  • 网页设计配色应用实例剖析——绿色系
  • 自然界的色彩搭配与界面设计(1)
  • JavaScript自定义模式对话框
  • 浮动菜单是如何作出来的mouse事件
  • JavaScript使用Window对象
  • javascript 实现无刷新联动菜单select的方法
  • javascript脚本轻松实现局部刷新
 
 

相关文章

  • 让php jpgraph支持中文的例子
  • PHP连接mysql例子
  • ExtJsExtenderControl(Ext 的.NET控件)翻译+例子
  • 成功测试ZendFramework第一个例子!
 
 

百度搜索

 
 

Js 三级联动的例子

  • 阅览次数:
  • 文章来源: CP整理
  • 原文作者: 不详
  • 整理日期: 2008-07-23
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

<script>
  /*--------------------------------*/
  /*       定义一组数据源           */
  /*--------------------------------*/
  var group=new Array();
 //group[i]=new Arrary('pereID'上级ID,'baseName'名称)
 group[0]=new Array(null,"中国");//
 group[1]=new Array(null,"美国");
 group[2]=new Array(null,"英国");
 group[3]=new Array(0,"北京");
 group[4]=new Array(0,"上海");
 group[5]=new Array(0,"福建");
 group[6]=new Array(3,"长城");
 group[7]=new Array(3,"故宫");
 group[8]=new Array(4,"东方明珠");
 group[9]=new Array(5,"厦门");
 group[10]=new Array(5,"泉州");
 group[11]=new Array(5,"福州");
 group[12]=new Array(1,"纽约");
 group[13]=new Array(1,"支加哥");
 group[14]=new Array(2,"英格阑");
 group[15]=new Array(2,"苏格阑");
 /*----------------------*/
 /*参数:                */
 /* pere:父级ID        */
 /* base: 子级ID        */
 /*----------------------*/
 function show(pere,base){
  var pereID=pere.value;//获取选择项的value的值
  var count=0;
  base[count++]=new Option("--请选择--");
  for(i=0;i<group.length;i++){
   if(group[i][0]==pereID){
    //添加Option标签
    base[count]=new Option(group[i][1]);
    base[count].value=i;
    count++;
   }  
  }
  base.length=count;//定义列表的长度
 }
  </script>
 </HEAD>
 <BODY onload="show(one,two);">
 <table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
   <tr bgcolor="#FFFFFF">
  <td width="12%" height="24" align="center">国家:</td>
  <td><select name="one" onchange="show(one,two);">
   <option value="0">中国</option>
   <option value="1">美国</option>
   <option value="2">英国</option>
  </select>
  </td>
  <tr>
  <tr bgcolor="#FFFFFF">
 <td width="12%" height="24" align="center">省份:</td>
 <td><select name="two" onchange="show(two,three)">
  <option>--请选择--</option>
  </select>
 </td>
  </tr>
  <tr bgcolor="#FFFFFF">
 <td width="12%" height="24" align="center">城市:</td>
 <td><select name="three">
   <option>--请选择--</option>
  </select>
 </td>
  </tr>
  </table>
 </BODY>

上一篇:PHP使用zlib扩展实现页面GZIP压缩输出
下一篇:构建支持Master/Slave读写分离的数据库操作类
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号