Foros del Web - Salto de línea en un select

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - Salto de línea en un select (http://www.forosdelweb.com/f4/salto-linea-select-557357/)

Salto de línea en un select

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

Re: Salto de línea en un select

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

Re: Salto de línea en un select

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

Re: Salto de línea en un select

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

Re: Salto de línea en un select

Cita:

Iniciado por hades87 (Mensaje 2287188)

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ó :(

Cita:

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

Espero que haya alguna :(

Cita:

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é.. =/

Re: Salto de línea en un select

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

Re: Salto de línea en un select

Cita:

Iniciado por arkangelshadow (Mensaje 2287742)

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 ;)

Respuesta: Salto de línea en un select

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