/ / Casella di riepilogo HTML MultiColumn - javascript, jquery, html, css

Casella di elenco HTML a più colonne: javascript, jquery, html, css

È possibile creare una casella di riepilogo, con voci di elenco in più colonne? Sono consapevole delle alternative, ma mi chiedo se questo sia possibile <select>

risposte:

3 per risposta № 1

No non lo è. L'unico tag figlio consentito per select è l'opzione, che a sua volta può contenere solo testo normale (ma alcuni browser supportano alcuni tag di stile qui, come b o i ecc.).


1 per risposta № 2

L'unica pseudo-soluzione che mi viene in mente è quella di utilizzare un carattere a larghezza fissa per il menu a discesa dell'elenco e quindi riempire le colonne di contenuto con spazi.

 COL1_NAME         |  COL2_NAME
Some nice value   |  Another value
Another nice value|  Second column

Puoi anche provare a utilizzare gli elementi "OPTGROUP" per i nomi delle colonne, ma devi essere consapevole delle diverse formattazioni applicate da diversi browser.

Aggiornare: Ad esempio, puoi creare un menu a discesa "multi-colonna" come mostrato qui: http://twitpic.com/2lsuxx con il seguente HTML

<style type="text/css">* {font-family:Courier New;white-space:pre;}</style>
<select>
<option></option>
<optgroup label="      Col1              | Col2">
<option>Some nice value   |  Another value</option>
<option>Another nice value|  Second column</option>
<optgroup>
</select>