开发学院 WEB开发 ASP 使用ASP与JAVASCRIPT配合实现多个复选框数据关联显... 阅读

使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示

　2004-10-28 10:28:07　来源：WEB开发网　　　

核心提示：作者：平凡点滴【一凡】<HTML><HEAD><META NAME="AUTHOUR" Content="DANNY KANG"><META NAME="CreateDate" Content="2004-1

作者：平凡点滴【一凡】
<HTML>
<HEAD>
<META NAME="AUTHOUR" Content="DANNY KANG">
<META NAME="CreateDate" Content="2004-10-28">
<META NAME="KeyWords" Content="DANNY KANG,DannyKang,DK,[D.K],pizz">
<META http-equiv=content-type content="text/html; charset=gb2312">
<SCRipT language=javascript>
//'+--------------------------------------------
//'+ FileName:
//'+ Created : 2004-10-28 .by pizz [D.K]
//'+ Modified: 2004-10-28 .by pizz [D.K]
//'+ FuncDesc: 使用asp与Javascript配合实现多个复选框数据关联显示
//'+ www.cncms.com
//'+---------------------------------------------

//第一个复选框的内容
var DK_Array1 = new Array();
/*以下部分，可以使用ASP动态生成*/
DK_Array1[DK_Array1.length]=new Array('1','分类1'); //分类ID，分类名称
DK_Array1[DK_Array1.length]=new Array('2','分类2');
DK_Array1[DK_Array1.length]=new Array('3','分类3');
DK_Array1[DK_Array1.length]=new Array('4','分类4');
DK_Array1[DK_Array1.length]=new Array('5','分类5');
DK_Array1[DK_Array1.length]=new Array('6','分类6');
DK_Array1[DK_Array1.length]=new Array('7','分类7');
DK_Array1[DK_Array1.length]=new Array('8','分类8');
///////////////////////////////////////////////////////

//第三个复选框的内容
var DK_Array3 = new Array();
/*以下部分，可以使用ASP动态生成*/
DK_Array3[DK_Array3.length]=new Array('1','1','小类1.1'); //分类ID，小类ID，小类名称
DK_Array3[DK_Array3.length]=new Array('1','2','小类1.2');
DK_Array3[DK_Array3.length]=new Array('1','3','小类1.3');
DK_Array3[DK_Array3.length]=new Array('2','4','小类2.4');
DK_Array3[DK_Array3.length]=new Array('2','5','小类2.5');
DK_Array3[DK_Array3.length]=new Array('2','6','小类2.6');
DK_Array3[DK_Array3.length]=new Array('2','7','小类2.7');
DK_Array3[DK_Array3.length]=new Array('3','8','小类3.8');
DK_Array3[DK_Array3.length]=new Array('4','9','小类4.9');
DK_Array3[DK_Array3.length]=new Array('4','10','小类4.10');
DK_Array3[DK_Array3.length]=new Array('4','11','小类4.11');
DK_Array3[DK_Array3.length]=new Array('4','12','小类4.12');
DK_Array3[DK_Array3.length]=new Array('5','13','小类5.13');
DK_Array3[DK_Array3.length]=new Array('5','14','小类5.14');
DK_Array3[DK_Array3.length]=new Array('6','15','小类6.15');
DK_Array3[DK_Array3.length]=new Array('6','16','小类6.16');
DK_Array3[DK_Array3.length]=new Array('6','17','小类6.17');
DK_Array3[DK_Array3.length]=new Array('6','18','小类6.18');
DK_Array3[DK_Array3.length]=new Array('6','19','小类6.19');
DK_Array3[DK_Array3.length]=new Array('7','20','小类7.20');
DK_Array3[DK_Array3.length]=new Array('8','21','小类8.21');
DK_Array3[DK_Array3.length]=new Array('8','22','小类8.22');
///////////////////////////////////////////////////////

function DK_AddOnTo(obj,val,txt){ //增加一项
if(DK_CheckExists(obj,val,txt)) {
alert('选项已存在：['+obj.id+']'+'\n Value: '+ val+'\n Text: '+txt);
return;
}
var opt=new Option();
opt.value=val;
opt.text=txt;
obj.options.add(opt,0);
}

function DK_InitListObject(obj,array){//初始化列表
if(array.length){
for(var i=0;i<array.length;i++){
　 DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
else {
alert('无数据');
}
}

function DK_AddTo(src,obj){//往指定列表添加选项

for(var i=0;i<src.length;i++){
if(src.options[i].selected){
　 DK_AddOnTo(obj,src.options[i].value,src.options[i].text);
}
}
}

function DK_AddSpecList(classid,array,obj){//搜索子类
var j=0;
for(var i=0;i<array.length;i++){
if(array[i][0]==classid){
　 DK_AddOnTo(obj,array[i][1],array[i][2]);
　 j++;
}
}
return j;
}

</SCRIPT>
<STYLE type=text/CSS></STYLE>
<TITLE></TITLE>
</HEAD>
<BODY>
<table>
<tr><td colspan=4><input type=button value='初始化复选框一' >
<td><select multiple id=select3 size=8></select><br>
</table>
</BODY>
</HTML>