저자 : Ordinary Bits [Yifan]
<HTML>
<헤드>
<META NAME="AUTHOUR" Content="대니 강">
<META NAME="CreateDate" Content="2004-10-28">
<META NAME="키워드" Content="DANNY KANG,DannyKang,DK,[DK],pizz">
<META http-equiv=content-type content="text/html; charset=gb2312">
<SCRIPT 언어=자바스크립트>
//'+---------------------------------- ----
//'+ 파일 이름:
//'+ 생성일: 2004-10-28 .by pizz [DK]
//'+ 수정됨: 2004-10-28 .by pizz [DK]
//'+ FuncDesc: ASP 및 JAVASCRIPT를 사용하여 여러 확인란 데이터의 관련 표시를 실현합니다.
//'+ www.downcodes.com
//'+----------------------------------
/ /첫 번째 체크박스의 내용
var DK_Array1 = 새로운 배열();
/*다음 부분은 ASP를 사용하여 동적으로 생성될 수 있습니다*/
DK_Array1[DK_Array1.length]=new Array('1','Category 1'); //카테고리 ID, 카테고리 이름
DK_Array1[DK_Array1.length]=new Array('2','범주 2');
DK_Array1[DK_Array1.length]=새 배열('3','범주 3');
DK_Array1[DK_Array1.length]=새 배열('4','범주 4');
DK_Array1[DK_Array1.length]=새 배열('5','범주 5');
DK_Array1[DK_Array1.length]=새 배열('6','범주 6');
DK_Array1[DK_Array1.length]=새 배열('7','범주 7');
DK_Array1[DK_Array1.length]=새 배열('8','범주 8');
///////////////////////////////////////////////// /// /////
//세 번째 체크박스의 내용
var DK_Array3 = 새로운 배열();
/*다음 부분은 ASP를 사용하여 동적으로 생성될 수 있습니다*/
DK_Array3[DK_Array3.length]=new Array('1','1','Subclass 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 값: '+ val+'n 텍스트: '+txt);
반품;
}
var opt=new Option();
opt.value=val;
opt.text=txt;
obj.options.add(opt,0);
}
함수 DK_InitListObject(obj,array){//초기화 목록
if(배열.길이){
for(var i=0;i<array.length;i++){
DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
또 다른 {
경고('데이터 없음');
}
}
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;
}
}
함수 DK_ClearAll(obj){//모든 옵션 삭제
if(obj.length-1>=0){
for(var i=obj.length-1;i>=0;i--){
obj.remove(i);
}
}
}
함수 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)는 false를 반환합니다.
for(var i=0;i<obj.length;i++){
if(obj.options[i].value==val && obj.options[i].text==txt) {
사실을 반환;
}
}
거짓을 반환;
}
함수 DK_ListTo(src,obj,array){//하위 클래스 표시
if(배열.길이){
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+'개의 하위 카테고리가 발견되었습니다.');
}
또 다른 {
경고('데이터 없음');
}
}
함수 DK_AddSpecList(classid,array,obj){//하위 클래스 검색
var j=0;
for(var i=0;i<array.length;i++){
if(배열[i][0]==classid){
DK_AddOnTo(obj,array[i][1],array[i][2]);
j++;
}
}
j를 반환;
}
</SCRIPT>
<STYLE 유형=텍스트/css></STYLE>
<제목></제목>
</HEAD>
<본문>
<테이블>
<tr><td colspan=4><input type=button value='초기화 확인란 1' onclick='DK_InitListObject(select1,DK_Array1)'><br><br>
<tr><td>체크박스 1: <td><select multiple id=select1 size=8></select>
<td><입력 유형=버튼 값='추가' onclick='DK_AddTo(select1,select2)'> ==>
<td>체크박스 2:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select2)'>
<입력 유형=버튼 값='모두 삭제' onclick='DK_ClearAll(select2)'>
<td><여러 ID 선택=select2 크기=8></select>
<td><입력 유형=버튼 값='목록 관련' onclick='DK_ListTo(select2,select3,DK_Array3)'> ==>
<td>체크박스 3:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select3)'>
<입력 유형=버튼 값='모두 삭제' onclick='DK_ClearAll(select3)'>
<td><여러 ID 선택=select3 크기=8></select><br>
</table>
</BODY>
</HTML>