jQuery Mobile - Menú de selección personalizado

El menú de selección personalizado se utiliza para mostrar la lista del menú en formato emergente.

La siguiente tabla muestra los tipos de menú de selección personalizado en detalle.

No Señor. Tipo y descripción
1 Menú de selección personalizado básico

Incluya el atributo data-native-menu = "false" para mostrar el menú en formato emergente.

2 Larga lista

Muestra la lista larga para el menú de selección personalizado cuando hay más listas disponibles.

3 Mini tamaño

Incluya el atributo data-mini = "true" para crear el menú de selección personalizado de la versión mini.

4 Icono a la izquierda

El icono de menú se establece a la izquierda mediante el atributo data-iconpos = "left" en el conjunto de campos.

5 Marcador de posición de datos

El marcador de posición especifica una pequeña pista que describe el valor esperado.

6 Opción sin valor

Las etiquetas <option> se utilizan para definir un elemento en una lista de selección y el atributo value = "" establece el valor predeterminado de la variable en el atributo name .

7 Opción vacía sin valor

Cualquier <opción> sin valor puede mantenerse vacío en el menú de selección personalizado.

8 Opción seleccionada

En las etiquetas <option>, agregue el atributo selected = "selected" para seleccionar una opción en particular.

9 Opción deshabilitada

Establezca el atributo disabled = "disabled" en el elemento <option> para desactivar la opción de menú de selección personalizada.

10 Opción de selección múltiple

Incluya multiple = "multiple" en los elementos <select> para hacer varias opciones seleccionadas en la vista de lista personalizada.

11 Varios, icono a la izquierda, lista larga

Establezca el icono en el lado izquierdo agregando el atributo data-iconpos = "left" en el elemento <select>.

12 Optgroup

Los elementos móviles optgroup jQuery se utilizan para agrupar la lista de selección y las etiquetas <option> se utilizan para definir un elemento en ese grupo en particular en una lista de selección.

13 Grupo de control vertical

Establezca el atributo data-role = "controlgroup" en el conjunto de campos para agrupar verticalmente el menú de selección personalizado.

14 Grupo de control vertical, icono a la izquierda, tamaño pequeño

Incluya el atributo data-mini = "true" en el conjunto de campos para crear un menú de selección personalizado de grupo vertical de tamaño mini.

15 Grupo de control horizontal

Configure el menú de selección horizontalmente incluyendo el tipo de datos = "horizontal" en el conjunto de campos.

dieciséis Grupo de control horizontal, tamaño mini

Incluya el atributo data-mini = "true" en el conjunto de campos para crear el menú de selección de grupo horizontal en el tamaño mini.