<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Caixa suspensa de ligação JS</title>
<script language="javascript" >
/*
** ===================================
** Nome da classe: CLASS_LIANDONG_YAO
** Função: Multi- Menu de ligação de nível
** Autor: YAODAYIZI
**/ function CLASS_LIANDONG_YAO(array) { //Array, fonte de dados vinculada
this.array=array;
this.indexName='';
isto.obj='';
//Definir sub-SELECT
// Parâmetros: SELECT ID do onchange atual, SELECT ID a ser definido
this.subSelectChange=function(selectName1,selectName2)
{
//tentar
//{
var obj1=document.all[selectName1];
var obj2=document.all[selectNome2];
var objName=this.toString();
var me=isto;
obj1.οnchange=função()
{
me.optionChange(this.options[this.selectedIndex].value,obj2.id)
}
}
//Definir o primeiro SELECT
// Parâmetros: indexName refere-se ao item selecionado, selectName refere-se ao ID do select
this.firstSelectChange = função (nome do índice, nome selecionado)
{
this.obj=document.all[selecionarNome];
this.indexName=indexName;
this.optionChange(this.indexName,this.obj.id)
}
// indexName refere-se ao item selecionado, selectName refere-se ao ID do select
this.optionChange=função (indexName,selectName)
{
var obj1=document.all[selecionarNome];
var me=isto;
obj1.comprimento=0;
obj1.options[0]=new Option("请选择",'');
for(var i=0;i<this.array.length;i++)
{
if(this.array[i][1]==nome do índice)
{
//alert(this.array[i][1]+" "+indexName);
obj1.options[obj1.length]=nova opção(this.array[i][2],this.array[i][0]);
}
}
} } </script> </head> <body> <form name="form1" method="post">
<SELECT ID="s1" NAME="s1" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="s2" NAME="s2" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="s3" NAME="s3">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<br>
<br><br>
<SELECT ID="x1" NAME="x1" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x2" NAME="x2" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x3" NAME="x3">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x4" NAME="x4">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x5" NAME="x5">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
</form>
</body>
<script language="javascript">
//Exemplo 1----------------------------------------------------- -------- -----------------------
//Fonte de dados
var array=new Array();
array[0]=new Array ("Sul da China","Diretório Raiz","Região Sul da China"); //ID do formato de dados, ID pai, nome
array[1]=new Array("Região Norte da China","Diretório Raiz","Norte da China Região");
array[2]=new Array("Xangai","Sul da China","Xangai");
array[3]=new Array("Guangdong","Sul da China","Guangdong");
array[ 4]=new Array("Xujiahui", "Xangai","Xujiahui");
array[5]=new Array("Putuo","Xangai","Putuo"); array[6]=new Array("Guangzhou ","Guangdong","Guangzhou "); array[7]=new Array("Zhanjiang", "Guangdong","Zhanjiang"); //-------------------------------------- ------ ----- //Este é o código de chamada var liandong=new CLASS_LIANDONG_YAO(array) //Definir a fonte de dados
liandong.firstSelectChange("root directory","s1"); //Definir a primeira caixa de seleção
liandong.subSelectChange("s1","s2"); //Definir a caixa de seleção filha
liandong.subSelectChange("s2", " s3");
//Exemplo 2 --------------------------------------------------------- --- ---------------
//Fonte de dados var array2=new Array();//ID do formato dos dados, ID pai, nome array2[0]=new Array("Test Test", "Root Directory", "Test Test"); array2[1 ] =new Array("Norte da China","Diretório Raiz","Norte da China"); array2[2]=new Array("Xangai","Teste de Teste","Xangai"); array2[3]=novo Array ( "Guangdong","teste de teste","Guangdong"); array2[4]=new Array("Xujiahui","Xangai","Xujiahui"); array2[5]=new Array("Putuo"," Xangai" ,"Putuo"); array2[6]=new Array("Guangzhou","Guangdong","Guangzhou"); array2[7]=new Array("Zhanjiang","Guangdong","Zhanjiang") ; array2[ 8]=new Array("Não sei","Zhanjiang", "Não sei"); array2[9]=new Array("5555","Zhanjiang","555"); array2[10]=new Array("++++","Não sei" ,"++ ++"); array2[11]=new Array("111","Xujiahui","111"); array2[12]=new Array("222","111","222") ;
array2[13]=new Array("333","222","333");
//-------------------------- - -----------------
//Este é o código de chamada
//Definir a fonte de dados
var liandong2=new CLASS_LIANDONG_YAO(array2);
//Definir a primeira caixa de seleção
liandong2.firstSelectChange( " Root directory","x1");
//Definir a caixa de subseleção
liandong2.subSelectChange("x1","x2")
liandong2.subSelectChange("x2","x3")
liandong2.subSelectChange("x3", "x4" )
liandong2.subSelectChange("x4","x5")
</script>
</html>
<html>
<head>
<title>Caixa suspensa de ligação JS</title>
<script language="javascript" >
/*
** ===================================
** Nome da classe: CLASS_LIANDONG_YAO
** Função: Multi- Menu de ligação de nível
** Autor: YAODAYIZI
**/ function CLASS_LIANDONG_YAO(array) { //Array, fonte de dados vinculada
this.array=array;
this.indexName='';
isto.obj='';
//Definir sub-SELECT
// Parâmetros: SELECT ID do onchange atual, SELECT ID a ser definido
this.subSelectChange=function(selectName1,selectName2)
{
//tentar
//{
var obj1=document.all[selectName1];
var obj2=document.all[selectNome2];
var objName=this.toString();
var me=isto;
obj1.οnchange=função()
{
me.optionChange(this.options[this.selectedIndex].value,obj2.id)
}
}
//Definir o primeiro SELECT
// Parâmetros: indexName refere-se ao item selecionado, selectName refere-se ao ID do select
this.firstSelectChange = função (nome do índice, nome selecionado)
{
this.obj=document.all[selecionarNome];
this.indexName=indexName;
this.optionChange(this.indexName,this.obj.id)
}
// indexName refere-se ao item selecionado, selectName refere-se ao ID do select
this.optionChange=função (indexName,selectName)
{
var obj1=document.all[selecionarNome];
var me=isto;
obj1.comprimento=0;
obj1.options[0]=new Option("请选择",'');
for(var i=0;i<this.array.length;i++)
{
if(this.array[i][1]==nome do índice)
{
//alert(this.array[i][1]+" "+indexName);
obj1.options[obj1.length]=nova opção(this.array[i][2],this.array[i][0]);
}
}
} } </script> </head> <body> <form name="form1" method="post">
<SELECT ID="s1" NAME="s1" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="s2" NAME="s2" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="s3" NAME="s3">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<br>
<br><br>
<SELECT ID="x1" NAME="x1" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x2" NAME="x2" >
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x3" NAME="x3">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x4" NAME="x4">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
<SELECT ID="x5" NAME="x5">
<OPÇÃO selecionada></OPTION>
</SELECIONAR>
</form>
</body>
<script language="javascript">
//Exemplo 1----------------------------------------------------- -------- -----------------------
//Fonte de dados
var array=new Array();
array[0]=new Array ("Sul da China","Diretório Raiz","Região Sul da China"); //ID do formato de dados, ID pai, nome
array[1]=new Array("Região Norte da China","Diretório Raiz","Norte da China Região");
array[2]=new Array("Xangai","Sul da China","Xangai");
array[3]=new Array("Guangdong","Sul da China","Guangdong");
array[ 4]=new Array("Xujiahui", "Xangai","Xujiahui");
array[5]=new Array("Putuo","Xangai","Putuo"); array[6]=new Array("Guangzhou ","Guangdong","Guangzhou "); array[7]=new Array("Zhanjiang", "Guangdong","Zhanjiang"); //-------------------------------------- ------ ----- //Este é o código de chamada var liandong=new CLASS_LIANDONG_YAO(array) //Definir a fonte de dados
liandong.firstSelectChange("root directory","s1"); //Definir a primeira caixa de seleção
liandong.subSelectChange("s1","s2"); //Definir a caixa de seleção filha
liandong.subSelectChange("s2", " s3");
//Exemplo 2 --------------------------------------------------------- --- ---------------
//Fonte de dados var array2=new Array();//ID do formato dos dados, ID pai, nome array2[0]=new Array("Test Test", "Root Directory", "Test Test"); array2[1 ] =new Array("Norte da China","Diretório Raiz","Norte da China"); array2[2]=new Array("Xangai","Teste de Teste","Xangai"); array2[3]=novo Array ( "Guangdong","teste de teste","Guangdong"); array2[4]=new Array("Xujiahui","Xangai","Xujiahui"); array2[5]=new Array("Putuo"," Xangai" ,"Putuo"); array2[6]=new Array("Guangzhou","Guangdong","Guangzhou"); array2[7]=new Array("Zhanjiang","Guangdong","Zhanjiang") ; array2[ 8]=new Array("Não sei","Zhanjiang", "Não sei"); array2[9]=new Array("5555","Zhanjiang","555"); array2[10]=new Array("++++","Não sei" ,"++ ++"); array2[11]=new Array("111","Xujiahui","111"); array2[12]=new Array("222","111","222") ;
array2[13]=new Array("333","222","333");
//-------------------------- - -----------------
//Este é o código de chamada
//Definir a fonte de dados
var liandong2=new CLASS_LIANDONG_YAO(array2);
//Definir a primeira caixa de seleção
liandong2.firstSelectChange( " Root directory","x1");
//Definir a caixa de subseleção
liandong2.subSelectChange("x1","x2")
liandong2.subSelectChange("x2","x3")
liandong2.subSelectChange("x3", "x4" )
liandong2.subSelectChange("x4","x5")
</script>
</html>