<select> con saltos de línea

[juanfosaiz]

Hola de nuevo, un saludo a todos y gracias por adelantado.

Estoy haciendo un desplegable donde saco dos datos de una tabla en cada <option>, pero me salen los dos en la misma línea y, al ser textos largos, hace que se descoloquen otras partes del formulario, además de que no queda muy bien un texto tan largo en el desplegable.

¿Cómo puedo hacer que salga cada dato en una línea distinta, dentro del mismo <option>?

He probado cosas como:
<option value="valor">dato_1 /n dato_2</option>
ó
<option value="valor">dato_1 <br> dato_2</option>

pero nada.

Con lo que sea muchas gracias y saludos.

[Triby]

Supongo que vas a usar dos datos porque uno es categoria y el otro es contenido, lo mejor en todo caso seria agrupar las opciones asi:

Código:

	<select name="mi_select">
		<optgroup label="dato 1">
			<option value="valor" >dato 2</option>
			<option value="valor" >otro dato</option>
		</optgroup>
	</select>