Cuadro combinado Seleccionar HTML Tutorial Clase

cuadros combinados o desplegables son elementos de HTML que le dan a los lectores una lista de opciones. Estos elementos son beneficiosos para los desarrolladores cuando el número de posibilidades de entrada es limitada. Por ejemplo, un cuadro combinado se usa para mostrar una lista de estados para la dirección de un residente de los Estados Unidos. También hace que sea más fácil para los usuarios a introducir información en un formulario. El cuadro combinado es un simple elemento que se agrega a un formulario utilizando un editor de formularios HTML o escribiendo el código directamente en la página.

Crear el cuadro combinado

Un cuadro combinado es un elemento de formulario de HTML. Los elementos de formulario consisten en cuadros de texto, botones y cuadros combinados. Por lo tanto, un cuadro combinado se envuelve generalmente en una etiqueta de formulario para su procesamiento. Los cuadros combinados también se pueden utilizar en el código del lado del cliente como Javascript. El usuario realiza una selección de los artículos, y Javascript está llamada a procesar la información. Esta técnica es útil con ocultar o activar otras partes de un formulario, o incluso campos de auto-completado para el usuario. A continuación se muestra un ejemplo de un cuadro combinado en un formulario:

<Form action = \ "myactionpage.aspx \">
<Select name = \ "ChooseOne \">
<Option value = \ "Sí \"> Sí </ option>
<Option value = \ "No \"> n </ option>
</ Select>
</ Form>

La etiqueta <select> denota un cuadro combinado HTML. El nombre dado debe ser un nombre que se utiliza en el procesamiento de la información. Las etiquetas <option> lista de los valores disponibles para el usuario. El usuario sólo es capaz de elegir lo que aparece en las opciones del cuadro combinado, por lo que es importante para los desarrolladores a tener en cuenta todas las opciones cuando se define un cuadro combinado.

Procesamiento de una Selección

Un tipo común de técnica de programación está cambiando una parte de una página web sobre la base de la selección realizada en un cuadro combinado. Esto se logra usando Javascript. En primer lugar, crear la función y añadirlo a la página web. A continuación se muestra un ejemplo de una función de JavaScript que escribe la selección a la página:

WriteSelection función (valor) {
si (valor == 'Sí') {
document.write (\ "Usted escribió sí! \")
IR
} Else {
document.write (\ "Usted ha escrito ninguna! \")
IR
}
}

Observe el parámetro de valor que se pasa a la función de Javascript. Se usa en el \ "si \" declaración a determinar qué escribir a la página. Ahora que se crea la función, el cuadro combinado necesita para activar la llamada de Javascript cuando un usuario realiza una selección. A continuación se muestra el código para llevar a cabo este tipo de procesamiento.

<Form action = \ "myactionpage.aspx \">
<Select name = \ "ChooseOne \" onindexchanged = \ "WriteSelection (this.value) \">
<Option value = \ "Sí \"> Sí </ option>
<Option value = \ "No \"> n </ option>
</ Select>
</ Form>

Observe que el \ "onindexchanged \" del evento. Este se activa cuando el usuario realiza una selección. El \ "this.value \" y da instrucciones al código para enviar el valor del cuadro combinado a la función de Javascript. Esta es la forma en que el programador puede cambiar dinámicamente las páginas utilizando Javascript y HTML en el cuadro combinado.