[SOLUCIONADO] Realizar un select con estructura de tabla

[barbel]

Hola buenas, estoy realizando una interfaz gráfica HTML para un programa, y en un punto del programa me he encontrado con un problemilla.

El usuario dispone una serie de botones para realizar una selección de elementos. Cada botón corresponde a un elemento en concreto con unas características concretas. Cuando se pulsa el botón lo añade a un listado, de elementos seleccionados. Este listado lo he implementado en una estructura SELECT debido a que así el usuario puede pinchar en alguno de los elementos seleccionados y eliminarlo o modificar alguna opción.

Mi problema viene dado en que al añadir un elemento (cuando el usuario pulsa un botón) deseo añadir al SELECT no solo el nombre sino también sus características específicas, y para que quedara mejor y más sencillo de visualizar me gustaría que quedarán como una lista, organizado por columnas, con el nombre a un lado y cada una de sus características organizadas por columnas de manera que según añadan nuevos elementos todo quede bien ordenadito para su fácil visualización.

Es posible hacer eso en una estructura SELECT?


A modo de ejemplo que por supuesto NO FUNCIONA, es únicamente para poder ilustrar mejor lo que pretendo hacer, planto aquí un cacho de código, que reitero no funciona pero asi igual se entiende mejor lo que quiero hacer:

Código HTML:

<select style="border: none;width: 300px;height: 95px;" size=10 id="unidades" >
        <table>
            <option value="1"><td width="100">dato 1<td width='150'>dato 2 <td width='150'> dato 3</option>
            <option value="2"><td width='150'>da 1<td width='150'>2 <td width='150'> datoasdasda 3</option>   
                </table>
                </select>
 

Muchas gracias. Un saludo

[maycolalvarez]

eso no es posible con HTML, y tampoco he visto nada parecido con HTML5.

Para lograr eso algunos FW como ExtJS reemplazan el verdadero Select utilizando una versión propia emulando su comportamiento (y mejorándolo incluso), con ExtJS si puedes lograr "visualmente" que un Select tenga una Tabla al desplegarse, pero la forma en que lo define es con JSON,

[barbel]

Al final cambie de metodo. Como bien dices el que queria hacer es imposible.

En vez de eso utilice las librerias Jtable de Jquery, que pese a ser algo complejas una vez las entiendes son bastante utiles, aunque eso si, cargan bastante porque realiza muchas consultas a la base de datos (en segundo plano y sin recargar pagina)