Javascript / select

Bienvenidos sean a este post, siguiendo con la tematica de los posts anteriores hoy veremos otro objeto que nos permite seleccionar un valor o varios valores

Nota: siempre que habilitemos la propiedad MULTIPLE 

La particularidad de este objeto es que tiene dos formas de mostrarnos las opciones, ya sea por un menu desplegable o por un cuadro como lista de desplazamiento donde podremos seleccionarlos, comentemos algunas de sus propiedades:

• length, valor numerico que indica la cantidad de opciones del objeto
• name, cadena que contiene el nombre que se le asigno a este objeto
• id, cadena que contiene el id (similar a name) que se le asigno a este objeto
• selectedIndex, valor numerico que nos indica cual es el valor del indice seleccionado en el objeto
• options, array que contiene cada una de las opciones de la lista seleccionable, a su vez esta propiedad tiene las siguientes propiedades:
• defaultChecked, valor booleano que selecciona al valor de manera predeterminada
• index, valor numero que indica el indice de la opcion de la lista
• length, valor numerico que indica el numero de opciones de la seleccion
• options, cadena que contiene todo el codigo HTML de la lista de seleccion
• selected, valor booleano que indica si la opcion esta seleccionada (true) o no (false)
• selectedIndex, valor numerico que nos indica el indice de opcion actualmente seleccionada
• text, cadena que contiene el texto mostrado en la lista en una opcion en particular
• value, cadena que contiene el valor de una opcion en particular de la lista
• multiple, especifica que multiples opciones pueden ser seleccionadas

Comentemos ahora sobre algunos de los metodos disponibles:

• eval(), evalua la cadena como una sentencia en referencia al objeto select
• toString(), devuelve una cadena que representa al objeto select
• valueOf(), convierte el objeto a su tipo primitivo
• add(), agrega una opcion a un listado drop-down
• remove(), remueve una opcion a un listado drop-down
• checkValidity(), chequea si el elemento cumple las restricciones que posee, en caso contrario devuelve un estado invalidate

Esta es una opcion cuando no disponemos de mucho espacio y necesitamos mostrar multiples opciones, por ejemplo un listado de paises, y para ello podemos usar un listado por medio de un menu desplegable pero en cambio si necesitamos que tenga multiples selecciones podemos usarlo como un cuadro como lista de desplazamiento, en un proximo post veremos como aplicarlo por medio de un ejemplo.

En resumen, hoy hemos visto al objeto Select, vimos algunas de sus propiedades, algunos de sus metodos, hablamos de como aplicarlo, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.