sábado, 19 de marzo de 2022

El elemento <select> representa un control que permite al usuario elegir de entre un número de opciones. Las opciones en una lista <select> son provistas con el elemento <option>.

Los controles <select> pueden tener también una opción-etiqueta predeterminada, que no es más que una opción (<option>) destinada a actuar como etiqueta cuando no se haya elegido ningun valor en el control. En tales casos, esta opción debe ser la primera en el control, su atributo value debe estar vacío y no debe pertenecer a ningún grupo de opciones. La opción-etiqueta predeterminada es obligatoria cuando el elemento <select> al que pertenece es declarado con el atributo Request y se muestra en modo de lista desplegable.

Con este control podemos rescatar datos de un documento html desde php, a continuación mostraremos un ejemplo de cómo emplear el control <select>:

- Creamos un nuevo documento en php llamado "Programa1", en donde implementamos un formulario que solicitará dos números (valores de tipo "text") para poder sumarlos o restarlos, según lo que seleccione el usuario.


Abriremos nuestro control <select> (linea 15) con nombre "sumaresta" y dentro de este, con los controles <option> mostraremos una lista desplegable con las opciones "sumar" y "restar". Con el atributo "value" les daremos su respectivo, valor el cual será enviado a un segundo formulario que crearemos a continuación:


Este será nuestro segundo documento, llamado "Programa2" como se muestra en el <form action> del primer documento, aquí crearemos nuestro segundo formulario que captará la información ingresada en el primer formulario.

Con el vector $_REQUEST almacenaremos el valor de la opción seleccionada en el primer formulario y con la ayuda de un condicional if verificaremos dicho valor.

- Una vez ejecutado nuestro programa podremos apreciar las siguientes páginas  en nuestra pantalla:

Ingresamos dos valores, uno en cada etiqueta, debajo estará la lista despegable con las opciones sumar y restar:



Si seleccionamos "sumar", ambos valores se sumarán, mostrando el siguiente resultado:



 En cambio, si seleccionamos restar como se muestra seguidamente:



Ambos valores se restarán, mostrando este nuevo resultado:







Fuentes Bibliográficas:

- de León, D. P. (s. f.). Elemento select. htmlquick.com. Recuperado 19 de marzo de 2022, de https://www.htmlquick.com/es/reference/tags/select.html#:%7E:text=El%20elemento%20select%20representa%20un,agrupadas%20con%20el%20elemento%20optgroup%20.


- Palomeque Becerra, Ciro Eduardo (17 de marzo 2022). Control <select>. formulario slect.docx














No hay comentarios.:

Publicar un comentario