封装好的二级链动SELECT

原创 2004年10月10日 02:38:00

<HTML><HEAD>
<TITLE>无标题文档</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<STYLE TYPE="text/css"><!--
BODY, TD, SELECT{FONT-SIZE:9pt; FONT-FAMILY:"宋体";}
--></STYLE>
<script language="javascript" defer>
var aData1 = new Array();
 aData1[0] = ['北京', '北京一|1', '北京二|2', '北京三|3'];
 aData1[1] = ['上海', '上海一|4', '上海一|5', '上海一|6'];
 aData1[2] = ['深圳', '深圳一|7', '深圳一|8', '深圳一|9'];
var aData2 = new Array();
 aData2[0] = ['电脑', '电脑一|1', '电脑一|2', '电脑一|3'];
 aData2[1] = ['冶金', '冶金一|4', '冶金一|5', '冶金一|6'];
 aData2[2] = ['建筑', '深圳一|7', '深圳一|8', '冶金一|9'];
/*
数据格式如上,可以自行用后台生成该数组.如:
'北京一|1'
"|"号前面是文本,之后则是对应的VALUE.
*/

/*该程序以封装,自行按需要修改,扩展.*/
function TowSelect(){
 this.Dadas='';
 this.objSEL1=form1.s1;
 this.objSEL2=form1.s2;
 this.Window_Onload=function(){  //初始化北京地区数据
  for (var i=0; i<this.Dadas.length; i++){
   this.objSEL1.options.add(new Option(this.Dadas[i][0], i));
   }
  this.Select_Select(0);
 };
 this.Select_Select=function(v){  //用于按S1传过来的值初始S2的列表
  this.objSEL2.options.length = 0;
  for (var i=1; i<this.Dadas[v].length; i++)
   this.objSEL2.options.add(new Option(this.Dadas[v][i].split('|')[0], this.Dadas[v][i].split('|')[1]));
 };
 this.getValue=function(){   //获取S1和S2的所选定的值
  return {
   S1Value: this.objSEL1.value,
   S2Value: this.objSEL2.value,
   S1Text:  this.objSEL1.options[this.objSEL1.selectedIndex].text,
   S2Text:  this.objSEL2.options[this.objSEL2.selectedIndex].text
   }
 };
};
var TS=new TowSelect(); //实例化地区数据
 TS.Dadas=aData1;
 TS.Window_Onload();

var TE=new TowSelect(); //实例化专业数据
 TE.Dadas=aData2;
 TE.objSEL1=form1.e1;
 TE.objSEL2=form1.e2;
 TE.Window_Onload();
</script>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="50">
<center>
 <form name="form1">
  <DIV>
   <select name="s1" size="1" onChange="TS.Select_Select(this.value);"></select>
   <select name="s2" size="1"></select>
   <input type="button" value="显示当前选定的value" onclick="alert('S1='+TS.getValue().S1Value+' , S2='+TS.getValue().S2Value)" />
   <input type="button" value="显示当前选定的text " onclick="alert('S1='+TS.getValue().S1Text+' , S2='+TS.getValue().S2Text)" />
  </DIV>
 <br /><br /><br />
  <DIV>
   <select name="e1" size="1" onChange="TE.Select_Select(this.value);"></select>
   <select name="e2" size="1"></select>
   <input type="button" value="显示当前选定的value" onclick="alert('E1='+TE.getValue().S1Value+' , E2='+TE.getValue().S2Value)" />
   <input type="button" value="显示当前选定的text " onclick="alert('E1='+TE.getValue().S1Text+' , E2='+TE.getValue().S2Text)" />
  <DIV>
 </form>
</center>
</BODY>
</HTML>

封装好的分页类

提示:仅供参考 page.class.php a { display:inline-block; border:1px solid #ccc; text-decoration:n...
  • haoyunyun888
  • haoyunyun888
  • 2016年05月31日 11:27
  • 2922

分享一个比JDK的ThreadPoolExecutor更好用的线程池-JohanThreadPool

JohanThreadPool最早起源于jdk-1.4时代,当时如果有完善的ThreadPoolExecutor,或许JohanThreadPool就不会诞生了:) 不过经过多年对JohanThrea...
  • everlastinging
  • everlastinging
  • 2014年03月10日 11:28
  • 1841

将mybatis-generator封装成Maven插件

mybatis-generator是常用的mybatis映射文件生成工具,由于项目使用Maven集成,为提高开发效率,尝试将此功能封装成Maven插件,不多啰嗦,步骤如下:  1、在eclipse中...
  • biristone
  • biristone
  • 2016年07月28日 19:17
  • 228

多商户电商网站(仿糯米)

需求技术点 表设计TP5简介
  • qq_33936481
  • qq_33936481
  • 2017年08月21日 17:16
  • 323

javascript开发:js封装简单实例

ECMAScript6已经支持了class,但之前版本都不支持类,但是可以通过一些方法来模拟类。 js中的类,既是重点,也是难点,很多时候都感觉模棱两可。 首先强调一下js中很重要的3个知...
  • Generon
  • Generon
  • 2017年07月17日 17:18
  • 454

自己动手写编译器、链接器-第一章

自己动手写编译器、链接器-第一章
  • u013407592
  • u013407592
  • 2015年02月09日 15:48
  • 741

iOS--UIScrollView的一个封装好的自动滚动视图

UIScrollView可以用于显示多于一个屏幕的内容,超出屏幕范围的内容可以通过滑动进行查看。它是视图,但是比较特殊,可以看成把它看成2层的结构。上面是它的frame层,跟一般试图一样,是它的可见区...
  • wwj_9123
  • wwj_9123
  • 2015年03月01日 20:39
  • 552

封装好的正则表达式

function regExp(reg, str) {     if (reg.test(str)) {         return true;     }     else {     ...
  • MeGoodtoo
  • MeGoodtoo
  • 2013年12月08日 16:13
  • 381

jQuery框架中封装好的ajax方法

jQuery中的异步交互较源生js就方便简单许多了,框架底层已经封装好了ajax方法,我们直接调用即可。 $.ajax({ type:'GET', url:'data.json', ...
  • Manson_zh
  • Manson_zh
  • 2017年06月08日 11:37
  • 464

封装好的webview

https://github.com/Justson/AgentWeb
  • u014045181
  • u014045181
  • 2017年06月15日 09:09
  • 58
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:封装好的二级链动SELECT
举报原因:
原因补充:

(最多只允许输入30个字)