作者:平凡点滴【一凡】 //第一个复选框的内容 //第三个复选框的内容 function DK_InitListObject(obj,array){//初始化列表 function DK_AddTo(src,obj){//往指定列表添加选项 function DK_SelectAll(obj){ //选中全部选项 function DK_CheckExists(obj,val,txt){//检查项是否已存在 function DK_ListTo(src,obj,array){//显示子类 function DK_AddSpecList(classid,array,obj){//搜索子类 </SCRIPT>
<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.knowsky.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);
}
if(array.length){
for(var i=0;i<array.length;i++){
DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
else {
alert(无数据);
}
}
for(var i=0;i<src.length;i++){
if(src.options[i].selected){
DK_AddOnTo(obj,src.options[i].value,src.options[i].text);
}
}
}
for(var i=0;i<obj.length;i++){
obj.options[i].selected = true;
}
}
function DK_ClearAll(obj){//删除全部选项
if(obj.length-1>=0){
for(var i=obj.length-1;i>=0;i–){
obj.remove(i);
}
}
}
function DK_RemoveOne(obj){//删除选定项
for(var i=obj.length-1;i>=0;i–){
if(obj.options[i].selected){
obj.remove(i);
}
}
}
if(obj.length<0) return false;
for(var i=0;i<obj.length;i++){
if(obj.options[i].value==val && obj.options[i].text==txt) {
return true;
}
}
return false;
}
if(array.length){
var j=0;
for(var i=0;i<src.length;i++){
if(src.options[i].selected){
j+=DK_AddSpecList(src.options[i].value,array,obj);
}
}
alert(共发现+j+个小类。);
}
else {
alert(无数据);
}
}
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;
}
<STYLE type=text/css></STYLE>
<TITLE></TITLE>
</HEAD>
<BODY>
<table>
<tr><td colspan=4><input type=button value=初始化复选框一 onclick=DK_InitListObject(select1,DK_Array1)><br><br>
<tr><td>复选框一:<td><select multiple id=select1 size=8></select>
<td><input type=button value=添加 onclick=DK_AddTo(select1,select2)> ==>
<td>复选框二:<br><== <input type=button value=删除 onclick=DK_RemoveOne(select2)>
<input type=button value=全删 onclick=DK_ClearAll(select2)>
<td><select multiple id=select2 size=8></select>
<td><input type=button value=列出相关 onclick=DK_ListTo(select2,select3,DK_Array3)> ==>
<td>复选框三:<br><== <input type=button value=删除 onclick=DK_RemoveOne(select3)>
<input type=button value=全删 onclick=DK_ClearAll(select3)>
<td><select multiple id=select3 size=8></select><br>
</table>
</BODY>
</HTML>
使用asp与javascript配合实现多个复选框数据关联显示_asp技巧
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 使用asp与javascript配合实现多个复选框数据关联显示_asp技巧
相关推荐
-      ASP基础教程:其它的ASP常用组件
-      ASP基础教程:学习ASP中子程序的应用
-      ASP基础教程之ASP程序对Cookie的处理
-      ASP基础教程之ASP AdRotator组件的使用
-      ADO初学者教程:ADO 通过GetString()加速脚本
-      ASP技巧实例:几行代码解决防止表单重复提交
-      ASP常见数学函数 Abs Atn Cos 等详细详解[ 来源:网页教学网 | 作者: | 时间:2007-09-12 10:57:29 | 收藏本文 ] 【大 中 小】【名称】
-      ASP基础教程之ASP AdRotator 组件的使用