Control select en formularios HTML, PHP

 control select o lista desplegable

(formularios HTML,PHP)

¿Que es ?

el control select es un función para cuando se quiere que nuestro programa siga una sola instrucción que nosotros seleccionemos, teniendo dos o mas opciones para seleccionar, 

un ejemplo en nuestra vida cotidiana es: cuando nosotros tenemos una serie de ingredientes para hacer una comida que nos guste en especifico pero con esos mismos ingredientes podemos hacer otro tipo de comida, pero con la cantidad de ingredientes que tenemos solo nos alcanza para hacer una sola comida así que primero debemos elegir una sola opción para ejecutarla.

Así mismo es en la programación, con este control select si queremos hacer un programa que por ejemplo tenemos dos números y los quiero sumar pero igual los quiero restar, así que tenemos que elegir una opción para ejecutarla primeramente y ya después si desea ejecutar la otra pues tendrá que hacerlo después que el programa ejecute todas las instrucciones que se le dijo para seguir con la primera opción que selecciono.

¿como es su codificación en un formulario?

haremos un programa formulario en donde haremos la suma y resta de dos números, primero creamos la primer pagina HTML en donde agregaremos toda la información que deseemos añadir al formulario y después la segunda pagina que es la de PHP en donde imprimiremos todos los datos siguiendo las instrucciones correspondientes del programa

ponemos el nombre de la otra pagina PHP con un method (método) post después creamos los textos para pedir los dos valores y los checkbox donde ahí insertaremos los valores que queramos que se van a operar :

después de eso pondremos el control select y las operaciones que queremos ejecutar en este caso manejaríamos la suma y resta:

 en la imagen de arriba podemos ver que el control select esa codificado como <select name="operación">(el "operación" es el nombre que le damos a nuestro control select), después de eso las operaciones que queremos ejecutar están escritos: <option value="suma">sumar</option> (lo que esta escrito como "suma" es el nombre de la opción osea el nombre de nuestra variable), después de eso ponemos la opción resta con: <option value="resta">restar</option> (lo que esta escrito como "resta" es el nombre de la opción osea el nombre de nuestra variable), después de eso cerramos nuestro control select con: </select>  .

Después de esto ponemos el botón para que procese los datos que le vamos a dar al momento de ejecutar el programa:

el botón vemos que esta escrito como: <input type="submit" name"operador">

 y como ya son todos los datos que le vamos a agregar a nuestro formulario cerramos con </form> .

bueno nos vamos a la otra pagina que seria la pagina PHP en donde ahí codificaremos las instrucciones que debe cumplir nuestro formulario HTML para que se imprima correctamente:

creamos una condicional que diga que si la operación seleccionada es suma entonces que siga las instrucciones correspondientes y si es resta pues que siga las instrucciones que debe seguir para hacer la resta correctamente.

vemos que estas condiciones están codificadas como: if($_REQUEST['operación'] == "suma") el $_REQUEST sirve para que nos lea correctamente el nombre del control select que le añadimos en el formulario y por eso después de eso ponemos el nombre que le pusimos al select ['operación'], dice que el usuario que ejecute el formulario selecciona la opción suma (== "suma") entonces que cumpla las dichas instrucciones que le pusimos en la parte de abajo que es suma el valor1 y el valor dos que de el usuario:

una vez que ya aya realizado esas instrucciones el programa imprimimos el resultado con el operador: echo "la suma es: ". $suma; 

asimismo ponemos una condición anidada con la otra opción y sus debidas instrucciones si es la que el usuario selecciona:

ahí vemos que el programa esta diciendo que sino (else) se cumple la anterior condición entonces se haga la siguiente condición que es si selecciona la opción resta se haga dichas instrucciones que marca el programa que es restar el valor1 con el valor2 y después de esto imprimir la respuesta con el operador echo. 

y así quedaría el programa al momento de ejecutarlo en nuestro navegador:

agregamos los valores a usar en la operación en este caso elegimos el 5 y el 10 y la opción que elegimos para operar es la resta y damos clic al botón enviar para que procese la información y la resta es:

vemos que el control select es igual una lista desplegable que nos arroja opciones para seleccionar solamente una

te dejamos un video con la explicación de que es y como se usa este control select:

información bibliográfica:

https://www.youtube.com/results?search_query=control+select+en+html

integrantes:

Daniel Hernández Martínez

Esteban Antonio Vázquez Pérez