Tecnología

Inicio

¿Cómo puedo añadir elementos a un cuadro de lista desplegable?

¿Cómo puedo añadir elementos a un cuadro de lista desplegable?


Un cuadro desplegable proporciona a los lectores del sitio web con una lista de opciones. El control web se utiliza para restringir la cantidad de respuestas dadas en una forma, que es mejor para la gestión de datos. Por ejemplo, un cuadro de lista desplegable se utiliza para mostrar una lista de estados para un usuario, y se elimina la posibilidad de que un usuario entrar en un estado incorrecto. Adición de opciones de selección en un cuadro desplegable implica editar el código HTML de las páginas Web.

Instrucciones

1 Abra su página HTML con el cuadro desplegable en un editor de texto plano. Se puede usar un simple editor de texto como Bloc de notas para ver y editar código HTML.

2 Agregar elementos a la lista desplegable. El siguiente es un ejemplo de una lista desplegable estado con dos opciones:

<Seleccione ID = "Unidos">
<Opción> Florida </ option>
<Opción> Utah </ option>
</ Select>

El "<select>" etiqueta define un cuadro desplegable que aparece en la página web. Cada opción se coloca en el "<opción>" y "</ option>" etiquetas.

3 Dé a cada opción de un valor especificado. Por defecto, si no se agrega una propiedad "valor" a sus opciones, los datos devueltos es el mismo que el texto en el canto etiquetas de opción. En el ejemplo en el paso 2, el valor de la "Florida" es "Florida". Sin embargo, es posible que desee asignar la abreviatura de estado para los datos de la opción. Esto se logra mediante la propiedad "valor". A continuación se muestra cómo se asignan valores a las opciones:

<Seleccione ID = "Unidos">
<Option value = "FL"> Florida </ option>
<Option value = "UT"> Utah </ option>
</ Select>

4 Crear una petición por la primera opción. La primera opción se define en el menú desplegable se visualiza para el usuario. La mayoría de las formas de aplicación, un mensaje que pide al usuario una selección. Esto también se utiliza para identificar si un usuario no ha hecho una selección de la lista desplegable. A continuación se coloca la primera opción como "Por favor seleccione un estado" en el menú desplegable:

<Seleccione ID = "Unidos">
<Option value = ""> Por favor, seleccione un estado </ option>
<Option value = "FL"> Florida </ option>
<Option value = "UT"> Utah </ option>
</ Select>