Salto de línea en un select

[marcolandia]

Bueno, simplemente necesito poner un salto de línea dentro de un <option>, intenté cono esto:

Código:

<select>
<option>Una linea <br /> Otra linea</option>
</select>

También intenté así:

Código:

<select>
<option>Una linea
 Otra linea</option>
</select>

Y no funciona...
¿Existe alguna forma de hacer esto?
Saludos y gracias de antemano

[hades87]

y si tratas de ponerlo dentro 1 párrafo, y con css darle un ancho a este?

[ElJavista]

No tiene caso, el select no puede hacer eso. Olvidalo, busca otra solución.

[arkangelshadow]

nose puede lo que puede hacer es poner una especie de tooltip si quiere agregarle mas informacion al option

[marcolandia]

Iniciado por hades87

y si tratas de ponerlo dentro 1 párrafo, y con css darle un ancho a este?

En la hoja de estilos puse:

Código:

option{
height:85px;
}

y en el <select>

Código:

<select>
<option><p>Una linea</p><p> Otra linea</p></option>
</select>

(y con las otras variantes que puse en mi primer post)
y no funcinó :(

No tiene caso, el select no puede hacer eso. Olvidalo, busca otra solución.

Espero que haya alguna :(

nose puede lo que puede hacer es poner una especie de tooltip si quiere agregarle mas informacion al option

Tengo que mostrar subcategorías en un manejador de contenidos, y yo no sé la longitud de todas, por ejemplo si es:
autos>de coleccion>de carreras>alemanes>de las segunda guerra mundial>blancos>de 4 ruedas>lindos>con 4 asientos>tapizados de cuero
quedaría una opción muuuuuuy larga y la web quedaría algo "deformada", habría que mover el scroll inferior y quedaría estéticamen horrible =/
Sería algo incómodo hacerlo con el tooltip... talvez... podría hacerse de una forma cómoda... pero no sé.. =/

[arkangelshadow]

ok creo que ya te entendi pero loq ue normalmente se hace en estos casos es que la cadena de categorioas autos>de coleccion>de carreras>alemanes>.... no van en el option si no que van escritas en la parte superior fuera del option. el option lo tienes que usar solo para tener los datos de la subcategoria de ese momento. mas tarde despues que salga de mi trabajo te puedo ayudar con el codigo.


saludos

[marcolandia]

Iniciado por arkangelshadow

ok creo que ya te entendi pero loq ue normalmente se hace en estos casos es que la cadena de categorioas autos>de coleccion>de carreras>alemanes>.... no van en el option si no que van escritas en la parte superior fuera del option. el option lo tienes que usar solo para tener los datos de la subcategoria de ese momento. mas tarde despues que salga de mi trabajo te puedo ayudar con el codigo.


saludos

No tienendo =s... a qué te refieres con que "van escritas en la parte superior fuera del option"?
se me ocurrió algo como:
[img=http://www.imaxenes.com/mini/cate_ej1lm469w.jpg]


Pero no soy bueno en JavaScript... =/
Pero igualmente ahora creo que solo voy a poner las categorías principales, (solo las de "primer nivel")
gracias por todo la info ;)

[livin52]

Creo que lo que vos querés son OptionGroups.

Se usan así:

Código HTML:

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select> 

Más info: http://www.w3schools.com/tags/tag_optgroup.asp