### [Permitir selecciones m uevo ltiple para un campo desplegable](https://wpforms.com/docs/how-to-allow-multiple-selections-to-a-dropdown-field-in-wpforms/) **Publicado:** 26 de noviembre de 2023 **Autor:** Umair Majeed **Extracto:** Aprende a permitir que tus usuarios seleccionen m uevo ltiple opciones en un campo desplegable. **Contenido:** uevo iacute;a tu usuario seleccionar m uevo ltiple opciones en un campo desplegable? A uevo ntilde;adir un desplegable de selecci uevo n m uevo ltiple a tus formularios de WordPress permite a tus usuarios seleccionar muchas opciones sin tener que usar un campo de casillas de verificaci uevo n. Este tutorial te mostrar uevo a c uevo mo configurar un campo desplegable de selecci uevo n m uevo ltiple en WPForms. Por favor, habilita JavaScript en tu navegador para completar este formulario. ### uevo iacute;a este ejemplo de formulario! Selecciona sobre qu uevo club(es) te gustar uevo a saber m uevo s.Nataci uevo nArquer uevo aCr uevo quetBaile Enviar --- ### Primeros pasos Antes de empezar, necesitar uevo s [crear un nuevo formulario](https://wpforms.com/docs/creating-first-form/) o editar uno existente. Para nuestro ejemplo, configuraremos un formulario de consulta de clubes deportivos. Para ello, empezaremos abriendo el constructor de formularios. A continuaci uevo n, navega a la secci uevo n **Campos est uevo ndar** para encontrar el campo **Desplegable**. Simplemente haz clic en el campo para a uevo ntilde;adirlo al formulario, o arr uevo stralo y su uevo ltalo en el uevo rea de vista previa de tu formulario.  Una vez a uevo ntilde;adido el campo, haz clic en uevo l para abrir su panel de Opciones de Campo. Luego, cambiaremos la **Etiqueta** de este campo a **Selecciona sobre qu uevo club(es) te gustar uevo a saber m uevo s**. Tambi uevo n a uevo ntilde;adiremos 4 opciones bajo **Opciones**: Nataci uevo n, Arquer uevo a, Cr uevo quet y Baile.  Dentro de las Opciones de Campo, navega a la secci uevo n **Avanzado** y haz clic en ella para abrir configuraciones adicionales. Luego, selecciona la opci uevo n etiquetada **Selecci uevo n de m uevo ltiple opciones** para habilitarla.  ### Opciones de personalizaci uevo n Hay dos configuraciones de estilo diferentes disponibles para el campo Desplegable: Cl uevo sico o Moderno. Cada una formatear uevo el estilo del desplegable de una manera ligeramente diferente. Puedes cambiar el estilo de tu campo Desplegable en **Avanzado uevo » Estilo**.  #### Estilo Cl uevo sico El estilo Cl uevo sico listar uevo todas tus opciones dentro de una caja. Cuando se a uevo ntilde;aden m uevo s de 4 opciones al desplegable, la caja incluir uevo una barra de desplazamiento vertical.  **Nota:** El estilo Cl uevo sico siempre mostrar uevo al menos cuatro filas, incluso si no hay datos en esas filas. Para seleccionar m uevo ltiple opciones, mant uevo n la tecla **Control** (o **Command** en Mac) mientras haces clic. Esto a uevo ntilde;adir uevo un efecto de resaltado a las opciones que has seleccionado.  #### Estilo Moderno El estilo Moderno mostrar uevo un desplegable est uevo ndar. Este desplegable te permite desplazarte por una lista de opciones y seleccionar tus elecciones, o escribir t uevo rminos de b uevo squeda para encontrar las elecciones que desees.  Cuando se seleccionan m uevo ltiple opciones, cada opci uevo n se a uevo ntilde;ade a la barra desplegable.  ### Configuraci uevo n de la l uevo gica condicional Configurar [l uevo gica condicional](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/) con un desplegable de selecci uevo n m uevo ltiple te permitir uevo mostrar u ocultar campos si un usuario selecciona m uevo s de una elecci uevo n del desplegable. Por ejemplo, en nuestro formulario de consulta de clubes deportivos, mostraremos un mensaje a los usuarios si seleccionan tanto **Nataci uevo n** como **Baile** del desplegable. En nuestro mensaje, les informaremos que estos clubes se re uevo nen en horarios conflictivos. Para configurar esto, primero a uevo ntilde;adiremos un campo **HTML** a nuestro formulario.  Luego, en la secci uevo n **C uevo digo**, podemos a uevo ntilde;adir nuestro mensaje: uevo ** uevo ¡Atenci uevo n! uevo ** Los clubes que has elegido se re uevo nen en horarios conflictivos. uevo  Despu uevo s de eso, necesitaremos configurar nuestra l uevo gica condicional para que el campo solo aparezca cuando los usuarios seleccionen Nataci uevo n y Baile. Para hacer esto, haremos clic en la secci uevo n **L uevo gica inteligente** para abrirla, y luego seleccionaremos la opci uevo n **Habilitar l uevo gica condicional**.  Luego, configuraremos la l uevo gica para que diga: **Mostrar** este campo si **Selecciona sobre qu uevo club(es) te gustar uevo a saber m uevo s es Nataci uevo n Y Selecciona sobre qu uevo club(es) te gustar uevo a saber m uevo s es Baile**.  Este campo ahora permanecer uevo oculto a menos que un usuario seleccione Nataci uevo n y Baile de nuestro campo Desplegable.  **Nota:** Para m uevo s detalles sobre c uevo mo usar el operador Y, consulta [nuestra gu uevo a sobre L uevo gica condicional inteligente](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ "C uevo mo usar la l uevo gica condicional inteligente (Y uevo O) en WPForms"). uevo iacute;a! Ahora puedes configurar un campo desplegable de selecci uevo n m uevo ltiple en tus WPForms. uevo iacute;a, uevo iacute;a a uevo ntilde;adir f uevo cilmente un gran n uevo mero de opciones para un campo Desplegable, Opci uevo n M uevo ltiple o Casillas de verificaci uevo n? Consulta nuestro tutorial sobre c uevo mo [a uevo ntilde;adir opciones en bloque](https://wpforms.com/docs/how-to-bulk-add-choices-for-multiple-choice-checkbox-and-dropdown-fields/ "C uevo mo a uevo ntilde;adir opciones en bloque para campos de opci uevo n m uevo ltiple, casillas de verificaci uevo n y desplegables") para m uevo s detalles. **Categor uevo as:** Campos, Personalizaci uevo n de campos ---