Cómo cargar dinámicamente una tabla HTML mediante la modificación de los valores de caída dinámica de Down

Javascript carga dinámicamente una tabla HTML basado en la retroalimentación de un valor desplegable. Vincular la función a su cuadro desplegable HTML, por lo que cada vez que el usuario cambia el valor, una lista de valores de tabla de visualización dinámica. HTML es un lenguaje estático, pero las etiquetas JavaScript "escritura" nos permiten insertar elementos dinámicos en la página HTML estática.

Instrucciones

1 Haga clic en la página web que desea editar y seleccione "Abrir con". Elija su editor HTML preferido de la lista de programas.

2 Añadir la función JavaScript para crear la tabla y sus valores. Por ejemplo, el siguiente código muestra dos columnas en función de una selección realizada en el menú desplegable:

displayTable función (selección) {
si (== selección 1) {
document.write ( "<table> <tr> <td> Primera selección </ td> </ tr> </ table>");
} Else {
document.write ( "<table> <tr> <td> Segunda selección </ td> </ tr> </ table>");
}
}

3 Enlace de la función JavaScript para el cuadro desplegable. Copia y pega el código siguiente para la definición desplegable del cuadro de la etiqueta:

onchange = "displayTable (this.selected)"