Autor: Bits comuns [Yifan]
<HTML>
<CABEÇA>
<META NAME="AUTHOUR" Content="DANNY KANG">
<META NAME="CreateDate" Content="2004-10-28">
<META NAME="Palavras-chave" Content="DANNY KANG,DannyKang,DK,[DK],pizz">
<META http-equiv=content-type content="text/html; charset=gb2312">
<linguagem SCRIPT=javascript>
//'+------------------------------------------------------------ ----
//'+ Nome do arquivo:
//'+ Criado: 28/10/2004 .por pizz [DK]
//'+ Modificado: 28/10/2004 .por pizz [DK]
//'+ FuncDesc: Use ASP e JAVASCRIPT para realizar a exibição associada de vários dados de caixas de seleção
//'+www.downcodes.com
//'+-----------------------------------------------------------
/ /Conteúdo da primeira caixa de seleção
var DK_Array1 = novo Array();
/*As seguintes partes podem ser geradas dinamicamente usando ASP*/
DK_Array1[DK_Array1.length]=new Array('1','Category 1'); //ID da categoria, nome da categoria
DK_Array1[DK_Array1.length]=new Array('2','Categoria 2');
DK_Array1[DK_Array1.length]=new Array('3','Categoria 3');
DK_Array1[DK_Array1.length]=new Array('4','Categoria 4');
DK_Array1[DK_Array1.length]=new Array('5','Categoria 5');
DK_Array1[DK_Array1.length]=new Array('6','Categoria 6');
DK_Array1[DK_Array1.length]=new Array('7','Categoria 7');
DK_Array1[DK_Array1.length]=new Array('8','Categoria 8');
/////////////////////////////////////////////// /// /////
//Conteúdo da terceira caixa de seleção
var DK_Array3 = novo Array();
/*As seguintes partes podem ser geradas dinamicamente usando ASP*/
DK_Array3[DK_Array3.length]=new Array('1','1','Subclass 1.1'); //ID da categoria, ID da subclasse, nome da subclasse;
DK_Array3[DK_Array3.length]=new Array('1','2','Classe pequena 1.2');
DK_Array3[DK_Array3.length]=new Array('1','3','Classe pequena 1.3');
DK_Array3[DK_Array3.length]=new Array('2','4','Classe pequena 2.4');
DK_Array3[DK_Array3.length]=new Array('2','5','Classe pequena 2.5');
DK_Array3[DK_Array3.length]=new Array('2','6','Classe pequena 2.6');
DK_Array3[DK_Array3.length]=new Array('2','7','Classe pequena 2.7');
DK_Array3[DK_Array3.length]=new Array('3','8','Classe pequena 3.8');
DK_Array3[DK_Array3.length]=new Array('4','9','Classe pequena 4.9');
DK_Array3[DK_Array3.length]=new Array('4','10','Classe pequena 4.10');
DK_Array3[DK_Array3.length]=new Array('4','11','Classe pequena 4.11');
DK_Array3[DK_Array3.length]=new Array('4','12','Classe pequena 4.12');
DK_Array3[DK_Array3.length]=new Array('5','13','Classe pequena 5.13');
DK_Array3[DK_Array3.length]=new Array('5','14','Classe pequena 5.14');
DK_Array3[DK_Array3.length]=new Array('6','15','Classe pequena 6.15');
DK_Array3[DK_Array3.length]=new Array('6','16','Classe pequena 6.16');
DK_Array3[DK_Array3.length]=new Array('6','17','Classe pequena 6.17');
DK_Array3[DK_Array3.length]=new Array('6','18','Classe pequena 6.18');
DK_Array3[DK_Array3.length]=new Array('6','19','Classe pequena 6.19');
DK_Array3[DK_Array3.length]=new Array('7','20','Classe pequena 7.20');
DK_Array3[DK_Array3.length]=new Array('8','21','Classe pequena 8.21');
DK_Array3[DK_Array3.length]=new Array('8','22','Classe pequena 8.22');
/////////////////////////////////////////////// /// /////
function DK_AddOnTo(obj,val,txt){ //Adiciona um item
if(DK_CheckExists(obj,val,txt)) {
alert('A opção já existe: ['+obj.id+']'+'n Valor: '+ val+'n Texto: '+txt);
retornar;
}
var opt=new Opção();
opt.valor=val;
opt.text=txt;
obj.opções.add(opt,0);
}
função DK_InitListObject(obj,array){//lista de inicialização
if(array.comprimento){
for(var i=0;i<array.length;i++){
DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
outro {
alerta('sem dados');
}
}
function DK_AddTo(src,obj){//Adicionar opções à lista especificada
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){ //Seleciona todas as opções
for(var i=0;i<obj.comprimento;i++){
obj.options[i].selected = true;
}
}
function DK_ClearAll(obj){//Excluir todas as opções
if(obj.comprimento-1>=0){
for(var i=obj.comprimento-1;i>=0;i--){
obj.remove(i);
}
}
}
function DK_RemoveOne(obj){//Excluir o item selecionado
for(var i=obj.comprimento-1;i>=0;i--){
if(obj.opções[i].selecionado){
obj.remove(i);
}
}
}
function DK_CheckExists(obj,val,txt){//Verifica se o item já existe
if(obj.length<0) retorna falso;
for(var i=0;i<obj.comprimento;i++){
if(obj.options[i].value==val && obj.options[i].text==txt) {
retornar verdadeiro;
}
}
retornar falso;
}
função DK_ListTo(src,obj,array){//Mostrar subclasses
if(array.comprimento){
varj=0;
for(var i=0;i<src.length;i++){
if(src.options[i].selected){
j+=DK_AddSpecList(src.options[i].valor,array,obj);
}
}
alert('Um total de subcategorias '+j+' foram encontradas.');
}
outro {
alerta('sem dados');
}
}
função DK_AddSpecList(classid,array,obj){//Pesquisar subclasses
varj=0;
for(var i=0;i<array.length;i++){
if(array[i][0]==classid){
DK_AddOnTo(obj,array[i][1],array[i][2]);
j++;
}
}
retornar j;
}
</SCRIPT>
<STYLE type=text/css></STYLE>
<TÍTULO></TÍTULO>
</HEAD>
<CORPO>
<tabela>
<tr><td colspan=4><input type=button value='Caixa de seleção de inicialização um' onclick='DK_InitListObject(select1,DK_Array1)'><br><br>
<tr><td>Caixa de seleção um: <td><select multiple id=select1 size=8></select>
<td><input type=button value='Adicionar' onclick='DK_AddTo(select1,select2)'> ==>
<td>Caixa de seleção dois:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select2)'>
<input type=button value='Excluir tudo' onclick='DK_ClearAll(select2)'>
<td><selecione vários id=select2 size=8></select>
<td><input type=button value='Lista relacionada' onclick='DK_ListTo(select2,select3,DK_Array3)'> ==>
<td>Caixa de seleção três:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select3)'>
<input type=button value='Excluir tudo' onclick='DK_ClearAll(select3)'>
<td><selecione vários id=select3 size=8></select><br>
</tabela>
</BODY>
</HTML>