form javascript jquery select option multiple-select

javascript - form - select html css



¿El cuadro de selección HTML se muestra como múltiple, pero para desactivar la selección múltiple? (4)

Necesitas darle size :

<select id="gagaga" size=''3''> <option>A</option> <option>B</option> <option>C</option> </select>

y simplemente elimine el multiple allí. Le permitirá seleccionar solo una opción en la lista.

Necesitaba tener

  • Un cuadro html <select> que se muestra como un cuadro expandido verticalmente (no un menú desplegable). Así que lo multiple como multiple .

Entonces se muestra correctamente como:

<select id="gagaga" multiple> <option>A</option> <option>B</option> <option>C</option> </select>

  • Entonces, ¿cómo puedo hacer que no sea múltiple seleccionable? (para allow only 1 selection )

No utilice el atributo múltiple en lugar de establecer el tamaño para él.

Citado de w3schools:

El atributo de tamaño especifica el número de opciones visibles en una lista desplegable.

Si el valor del atributo de tamaño es mayor que 1, pero menor que el número total de opciones en la lista, el navegador agregará una barra de desplazamiento para indicar que hay más opciones para ver.


Puedes usar esto:

<html> <body> <select id="gagaga" size="3"> <option>A</option> <option>B</option> <option>C</option> </select> </body> </html>


Usa este size="3"

<!DOCTYPE html> <html> <body> <select id="gagaga" size="3"> <option>A</option> <option>B</option> <option>C</option> </select> </body> </html>

Si el valor del atributo de tamaño es mayor que 1, pero menor que el número total de opciones en la lista, el navegador agregará una barra de desplazamiento para indicar que hay más opciones para ver.