注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

汇总技巧

你快乐我快乐.... 汇集各类技巧,传播技巧,让我们共同熟练运用技巧..

 
 
 

日志

 
 

『原创』使用ASP与&#106avascript配合实现多个复选框数据关联显示  

2011-06-03 13:10:27|  分类: ◆ASP技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

今天在CSDN上看到一提问:http://community.csdn.net/Expert/topic/3496/3496350.xml?temp=.4479639
target=_blank>http://community.csdn.net/Expert/topic/3496/3496350.xml?temp=.4479639">http://community.csdn.net/Expert/topic/3496/3496350.xml?temp=.4479639

应楼主要求,特写一段实现代码如下。
!-----------------------------------------------------------------------------------------------
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配合实现多个复选框数据关联显示
//'+---------------------------------------------
//第一个复选框的内容
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;iarray.length;i++){
DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
else {
alert('无数据');
}
}
function DK_AddTo(src,obj){//往指定列表添加选项
for(var i=0;isrc.length;i++){
if(src.options[i].selected){
DK_AddOnTo(obj,src.options[i].value,src.options[i].text);
}
}
}
function DK_SelectAll(obj){ //选中全部选项
for(var i=0;iobj.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);
}
}
}
function DK_CheckExists(obj,val,txt){//检查项是否已存在
if(obj.length0) return false;
for(var i=0;iobj.length;i++){
if(obj.options[i].value==val  obj.options[i].text==txt) {
return true;
}
}
return false;
}
function DK_ListTo(src,obj,array){//显示子类
if(array.length){
var j=0;
for(var i=0;isrc.length;i++){
if(src.options[i].selected){
j+=DK_AddSpecList(src.options[i].value,array,obj);
}
}
alert('共发现'+j+'个小类。');
}
else {
alert('无数据');
}
}
function DK_AddSpecList(classid,array,obj){//搜索子类
var j=0;
for(var i=0;iarray.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
trtd colspan=4input type=button value='初始化复选框一' onclick='DK_InitListObject(select1,DK_Array1)'brbr
trtd复选框一:tdselect multiple id=select1 size=8/select
tdinput 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)'
tdselect multiple id=select2 size=8/select
tdinput 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)'
tdselect multiple id=select3 size=8/selectbr
/table
/BODY
/HTML
!-----------------------------------------------------------------------------------------------

  评论这张
 
阅读(84)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017