CSS - Ocultar datos de un desplegable

 
Vista:
sin imagen de perfil
Val: 9
Ha aumentado su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Ocultar datos de un desplegable

Publicado por DOCE (3 intervenciones) el 06/08/2019 17:07:28
Buenas tardes. Estoy trabajando con un plugin llamadao Events+. Cuando creo un nuevo evento para 50 personas, no deja que cada persona que se inscribe sólo pueda seleccionar 1, sale la lista completa de las 50 plazas.
Después de hablar con los creadores del plugin, me dicen que esa opción no la contempla. Había pensado en ocultar todo el número de plazas del desplegable y dejar únicamente la opción 1.
Sería posible hacerlo con CSS?
les dejo captura del código.
Gracias de antemano

qq
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 427
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Ocultar datos de un desplegable

Publicado por joel (68 intervenciones) el 06/08/2019 18:46:11
Con CSS solo no se hacer, pero con javaScript si... no se si te puede servir...

Este ejemplo, esconde a partir del elemento 2 inclusive.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <select id="elementos">
        <option value="0">...</option>
        <option value="1">coche</option>
        <option value="2">avion</option>
        <option value="3">moto</option>
        <option value="4">tren</option>
    </select>
</body>
</html>
 
<script>
const options=document.querySelectorAll("#elementos option")
for (el of options) {
    if (el.value>1) {
        el.hidden=true;
    }
}
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 9
Ha aumentado su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Ocultar datos de un desplegable

Publicado por DOCE (3 intervenciones) el 06/08/2019 18:49:11
Hola Joel, te agradezco muchísimo la ayuda. Ahora mismo acabo de encontrar una manera de hacerlo, te la comparto por si fuera de interés.
Es un poco engorroso porque hay que hacerlos para cada uno de los valores.

1
2
.eventplus-ddl-items option[value="2"]
{display: none;}

De nuevo, muchas gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 427
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Ocultar datos de un desplegable

Publicado por joel (68 intervenciones) el 06/08/2019 22:16:53
Si, es correcto... ahora al ver tu código se me ha ocurrido la inversa, es decir, marcar todos como no visibles, y los dos primera como visibles:

1
2
3
4
.eventplus-ddl-items option {display:none;}
.eventplus-ddl-items option[value="0"] {display: block;}
.eventplus-ddl-items option[value="1"] {display: block;}
.eventplus-ddl-items option[value="2"] {display: block;}

De esta manera, no tienes que desactivar tantos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 9
Ha aumentado su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Ocultar datos de un desplegable

Publicado por DOCE (3 intervenciones) el 06/08/2019 22:30:56
Qué bueno Joel, muchas gracias.
Definitivamente mucho más simple. Como habrás comprobado, mis conocimientos son extremadamente básicos.
Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar