Cómo mostrar un submenú Durante un DropDownList en JavaScript

El uso de una tabla HTML y JavaScript, puede crear un submenú en un control de lista desplegable en sus formularios web. El submenú muestra enlaces a otras páginas de su sitio web, por lo que el usuario puede navegar a otra página antes de seleccionar un valor en la lista desplegable. JavaScript utiliza "id" de la tabla de atributos para escribir los vínculos con el submenú. Se utiliza esta propiedad de atributo para agregar elementos de submenú dinámicamente a la tabla para mostrar los valores al abrir la página en el navegador.

Instrucciones

1 Abra el editor HTML preferido y abra la página HTML que desea editar con el código JavaScript.

2 Crear la tabla de elementos por encima de la lista desplegable. Puede configurar una tabla que tiene la configuración predeterminada o salir de los elementos de una tabla en blanco con sólo el código JavaScript para rellenar los datos. El siguiente código crea dos elementos de menú:

<Table> <tr>
<Td id = "firstItem"> </ td> <td id = "seconditem"> </ td>
</ Tr> </ table>

3 Agregue el código JavaScript que añade los elementos de menú para los elementos de la tabla. El siguiente código añade "Elemento1" y "Item2" al submenú:

var = elemento1 getElemenById ( "firstItem");
item1.innerHTML = "href='page1.php'> artículo <a </a> 1";
var = elemento2 getElemenById ( "seconditem");
item2.innerHTML = "href='page2.php'> artículo <a 2 </a>";

Reemplazar las páginas enlazadas y el texto por su propia cuenta.

4 Guarde los cambios y abrir la página en su navegador para probar el nuevo código. Haga clic en los enlaces en el submenú para verificar que funcionan correctamente.