使用ASP與javascript配合實現多個複選框資料關聯顯示

來源:互聯網
上載者:User
複選框|資料|顯示 今天在CSDN上看到一提問: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;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_SelectAll(obj){ //選中全部選項
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);
}
}
}

function DK_CheckExists(obj,val,txt){//檢查項是否已存在
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].sele



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.