quitar el scroll de select de formulario

albertrc · #1 (**permalink**) 14/11/2011, 05:35

para firefox,opera,safari,internet explorer, google chrome

tengo un select desplegable que si tengo 10 categorias las muestra todas a la vez sin tener que seleccionar el select, hay alguna forma de quitar el scroll lo digo porque solo ocupa espacio y ensucia la interficia, y puede confundir a los usuarios

maycolalvarez · #2 (**permalink**) 14/11/2011, 06:44

los controles de los formularios son controlados solo por el navegador y según la plataforma, no puedes alterar su diseño, ni existe estándar definido que lo haga.

la mejor opción es implementar un select (dropdown, combobox) hecho en Javascript.

emprear · #3 (**permalink**) 14/11/2011, 12:04

Que scroll querés quitar?
Un scroll se te genera en un select multiple cuyo size sea menor ó igual a la cantidad de opciones, poniendo un size mayor desaparece el scroll

Esto genera scroll

Código HTML:

Ver original<html>
<body>
 
<select multiple="multiple" size="2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
 
</body>
</html>

Esto no genera scroll

Código HTML:

Ver original<html>
<body>
 
<select multiple="multiple" size="5">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
 
</body>
</html>

y si lo que querés es ahorra espacio, un select simple

Código HTML:

Ver original<html>
<body>
 
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
 
</body>
</html>

Saludos

maycolalvarez · #4 (**permalink**) 14/11/2011, 14:04

buen truco @emperar ¿pero probaste si funciona en varios navegadores?

emprear · #5 (**permalink**) 14/11/2011, 16:49

tiene razón maycoAlvarez, lo probe en IE y di por hecho que en FF no habia problemas, solo funciona bien en IE y Opera, en Chrome y FF muestra scroll, por lo que estuve leyendo no hay solucion con html y css, de todas maneras, leyendo lo indicado por @albertcr

Cita:

tengo un select desplegable que si tengo 10 categorias las muestra todas a la vez sin tener que seleccionar el select

si quiere que no las muestre todas y tener que usar el dropdown, que use la ultima opcion, que obviamente si funciona en todos los Browsers

Saludos

albertrc · #6 (**permalink**) 15/11/2011, 04:54

lo que quiero quitar es la barra que sale en la derecha, porque si muestra todos los productos no hace falta, tanto en size 2 como 5 como comenta emprear

hago una select de una base de datos y cuento el numero de filas en el size siempre pone el valor real, o sea si tengo 22 categorías me sale la select con los 22 categorías, que el scroll nunca lo voy a utilizar
no se si se puede quitar con html o css

tampoco utilizo el multiple porque multiple sirve para poder seleccionar dos categorias a la vez y yo solo permito elegir una

yo lo que quería es hacer un menú ul li con los formularios pero no permitía enviar el valor con un botón submit porque el propio link ya enviá la categoría sin tener que recurrir el submit,
quería hacer seleccionar una categoría sin tener que pulsar el botón submit y por ejemplo enviar la categoría a otra select y mostrar una información para poder ve la información

querio hacer una select de categoria este seria el primer formulario
enviar la categoria a otra select entre productos y categoria y mostrar
categoria
producto foto precio
este seria el segundo formulario
actualizar un o varios productos
select de la categoria y sus productos relacionados

esto se puede hacer en formularios pero en ul li la primera select no se si puede hacer

espero que quede claro lo que quiero hacer, si no lo voy explicar de otra forma que se entiende mejor