Configuración del código fuente del menú multinivel

Es mejor no exportar desde la base de datos cada vez, es demasiado lento. Por supuesto, el siguiente XML también se puede exportar a partir de los datos mediante ASP y luego llamarlo mediante el siguiente código.

Enlace dinámico de n niveles basado en XML

mselect.xml

& lt? ¿Versión XML = "1.0" codificación = "GB 2312"? & gt

& ltTroot & gt

& litem id = " 1 " PID = " 0 " c = " 1 " >Universidad

& ltItem id= "2" pid="0" c="3 " >Escuela secundaria

& ltItem id="3" pid="0" c="3 " >Escuela primaria

& ltItem id="4" pid="2" c="2 " >Escuela secundaria

& ltItem id="5" pid="2" c="5 " >Escuela secundaria

& ltItem id="6" pid="15" c="3 " >Universidad de Tsinghua.

& ltItem id="7" pid="15" c="4 " >Universidad de Pekín.

& ltItem id="8" pid="5" c="3 " >Escuela secundaria Tianjin Tiesan

& ltItem id="9" pid="4" c= "3" >Escuela Secundaria No. 2 de Tianjin

& litem id = " 10 " PID = " 16 " c = " 2 " >Conservatorio de Música de Tianjin

& litem id = " 11 " PID = " 15 " c = " 5 " >Universidad de Comercio de Tianjin

& ltItem id="12" pid="4" c="3 " >Escuela secundaria Huayao

& ltItem id="13" pid="3" c="6 " >Escuela primaria Wei Kun Road

& ltItem id="14" pid="2" c="6 " >Séptima Escuela Secundaria

& litem id = " 15 " PID = " 1 " c = " 1 " >Colegio Integral

& litem id = " 16 " PID = " 1 " c = " 1 " >Facultad de Arte

& litem id = " 17 " PID = " 15 " c = " 4 " >Universidad de Medicina

& litem id = " 18 " PID = " 15 " c = " 4 " >Universidad Normal de Tianjin

& ltitem id = " 19 " PID = " 15 " c = " 23 " >Universidad de Tianjin

& ltItem id ="20" pid=" 15" c="7 " >Universidad de Nankai

& ltItem id="21" pid="4" c="23 " >Escuela secundaria Tianjin Tieyi

& ltItem id ="22" pid="5" c="5 " >Escuela secundaria Tianjin Tieyi

& ltItem id="23" pid="3" c="3 " > Niños de la escuela primaria n.° 3 de empleados del ferrocarril de Tianjin

& ltItem id="24" pid="3" c="3 " >escuela primaria para niños de los trabajadores ferroviarios n.° 1 de Tianjin

& ltItem id="25" pid="16" c="3 " >Escuela de Bellas Artes

& ltItem id="26" pid="16" c="3 " >Escuela de Educación Física

& lt/Troot & gt;

mselect.htm

& ltHTML & gt

& ltHEAD & gt

& ltTITLE & gtXML versión del enlace multinivel

& ltscript language = javascript & gt

& lt! -

/****************************************** ******

//

//Uso de DOM para implementar: enlace dinámico de nivel N basado en XML

//

//********************************************* */

//Los derechos de autor finales pertenecen a Ruisi Technology. Puede usarlo sin autorización, pero conserve esta información.

//

//Autor: Rust Soft (Canción loca de Pat Soft)

//Conjunto de selección de enlaces multinivel

var objSelects = new Array();

//Crea el objeto de selección esperado.

Función funCreateSelectEl(passPid)

{

//Crear un objeto DOMDocument

var XML src = nuevo objeto ActiveX(" MicroSoft .XML DOM ");

xmlSrc = xmlSource. XMLDocument

// raíz es el nodo raíz del objeto del documento.

var root = XML src .

//Obtiene todos los nodos con el ID principal pasado.

var elementos actuales = root . select nodes("//Troot/Item[@ PID = "+passPid+"]");

var I elementos = longitud de elementos actuales;

if(I items & gt; 0)

{

//Crear un Seleccionar y escribir el evento OnChange.

var new child = document . createelement(" & lt; SELECT onchange = ' eventSltChange()' id = ' SLT "+objselects . length+" ' & gt);

/ /Agregar un nuevo objeto Seleccionar a la colección.

objSelects[objSelects .length]= new child

//Agregar todas las opciones al par de selección

< p. >var I;

for(I = 0;i<project;i++)

{

var op tion = document . /p>

Option.text = currentItems[i].Text;

Option.value = currentItems[i].Property[0].Text;

nuevo hijo. opciones . add(option);

}

//Coloca la selección recién creada en el destino

odiv . p>

//Establecer un valor nulo primero

newChild.value =

}

}

//Seleccione OnChange función de respuesta al evento

Función eventSltChange()

{

//Eliminar todos los elementos secundarios bajo este nivel.

var I;

for(I = objselects . length-1;i>parse int(event . srcelement . id . replace(" SLT ", ""), 10) ;I -)

{

odiv .eliminar niño(objSelects[I]);

objselects .

}

//Respuesta a la nueva selección

funCreateSelectEl(event . srcelement . value);

//Resultados de selección vinculados

var resultArray = nueva matriz();

for(I = 0;i<objSelects.lengthi++)

{

resultArray[i] = objSelects[i]. valor;

}

//Salida seleccionada

salida. texto interno = matriz de resultados.("-");

//-& gt;

& lt/SCRIPT & gt;

& lt/HEAD & gt;

& ltBODY onload = " funCreateSelectEl(0)" & gt;

& ltDIV ID = " oDIV " & gt& lt/DIV & gt;

& ltXML ID = " Fuente XML " src = " m select . XML "/& gt;

& ltBR/>;

Resultados seleccionados:

& lt/BODY

& lt/HTML & gt;

Guarde mselect.xml y mselect.xml en el mismo directorio y ejecute mselect.xml en IE.