明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

使用ASP與JAVASCRIPT配合完成多個(gè)復(fù)選框數(shù)據(jù)關(guān)聯(lián)顯示

發(fā)表時(shí)間：2024-02-01 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]作者：平凡點(diǎn)滴【一凡】<HTML><HEAD><META NAME="AUTHOUR" Content="DANNY KANG"><META NAME="CreateDate" Content=&...

作者：平凡點(diǎn)滴【一凡】
<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配合實(shí)現(xiàn)多個(gè)復(fù)選框數(shù)據(jù)關(guān)聯(lián)顯示
//'+ www.knowsky.com
//'+---------------------------------------------

//第一個(gè)復(fù)選框的內(nèi)容
var DK_Array1 = new Array();
/*以下部分，可以使用ASP動(dòng)態(tài)生成*/
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');
///////////////////////////////////////////////////////

//第三個(gè)復(fù)選框的內(nèi)容
var DK_Array3 = new Array();
/*以下部分，可以使用ASP動(dòng)態(tài)生成*/
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){ //增加一項(xiàng)
 if(DK_CheckExists(obj,val,txt)) {
  alert('選項(xiàng)已存在：['+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('無(wú)數(shù)據(jù)');
 }
}

function DK_AddTo(src,obj){//往指定列表添加選項(xiàng)
 
 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_SelectAll(obj){ //選中全部選項(xiàng)
 for(var i=0;i<obj.length;i++){
  obj.options[i].selected = true;
 }
}
function DK_ClearAll(obj){//刪除全部選項(xiàng)
 if(obj.length-1>=0){
  for(var i=obj.length-1;i>=0;i--){
   obj.remove(i);
  }
 }
}
function DK_RemoveOne(obj){//刪除選定項(xiàng)
 for(var i=obj.length-1;i>=0;i--){
  if(obj.options[i].selected){
   obj.remove(i);
  }
 }
}

function DK_CheckExists(obj,val,txt){//檢查項(xiàng)是否已存在
 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;
}

function DK_ListTo(src,obj,array){//顯示子類
 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('共發(fā)現(xiàn)'+j+'個(gè)小類。');
 }
 else {
  alert('無(wú)數(shù)據(jù)');
 }
}

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='初始化復(fù)選框一' onclick='DK_InitListObject(select1,DK_Array1)'><br><br>
<tr><td>復(fù)選框一：<td><select multiple id=select1 size=8></select>
<td><input type=button value='添加' onclick='DK_AddTo(select1,select2)'> ==>
<td>復(fù)選框二：<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='列出相關(guān)' onclick='DK_ListTo(select2,select3,DK_Array3)'> ==>
<td>復(fù)選框三：<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>