Tecnología

Inicio

Cómo hacer cuadros de selección dependientes

cajas de selección dependientes muestran información según la entrada del usuario. Se recuperan datos de la cadena de consulta y utiliza los datos de cadena de consulta para agregar valores de selección a la caja desplegable. Se utiliza JavaScript para realizar la selección dinámica en forma de caja, y crear dependiente de los valores de entrada en las aportaciones de sus usuarios.

Instrucciones

1 Haga clic en el archivo HTML que desea editar. Haga clic en "Abrir con", a continuación, en el editor HTML en la lista de programas.

2 Crear el cuadro de selección. El código siguiente muestra cómo se crea un cuadro combinado de vacío, que es el elemento de selección del cuadro de HTML:

<Select id = "mybox"> </ select>

3 Crear la clase de JavaScript que recupera los datos dependientes de la cadena de consulta. El siguiente código analiza los datos de la cadena de consulta URL:

getValues ​​función {

cadena de consulta = window.location.search.substring (1);

info = querystring.split ( "Y");

}

4 Cree la función JavaScript que agrega los datos al cuadro de selección. El siguiente código JavaScript utiliza los datos recuperados en el paso tres para llenar el cuadro de selección con los datos:

var = opt document.createElement ( "opción");

opt.setAttribute ( "valor", info [0]);

document.getElementById ( "mybox") appendChild (opt.);