/ / MultiColumn HTML List Box - Javascript, jQuery, HTML, CSS

MultiColumn HTML Listenfeld - Javascript, jquery, html, css

Ist es möglich, ein Listenfeld mit Listenelementen in mehreren Spalten zu erstellen? Mir sind die Alternativen bekannt, aber ich frage mich, ob dies möglich ist <select>

Antworten:

3 für die Antwort № 1

Nein ist es nicht. Das einzige erlaubte Kind-Tag für select ist option, das selbst nur Klartext enthalten kann (aber einige Browser unterstützen hier einige Style-Tags, wie b oder i usw.).


1 für die Antwort № 2

Die einzige Pseudolösung, die ich mir vorstellen kann, ist die Verwendung einer Schriftart mit fester Breite für das Listen-Dropdown-Menü und das anschließende Auffüllen der Inhaltsspalten mit Leerzeichen.

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

Sie können sogar versuchen, "OPTGROUP" -Elemente für die Spaltennamen zu verwenden, müssen jedoch die unterschiedlichen Formatierungen berücksichtigen, die von verschiedenen Browsern angewendet werden.

Aktualisieren: Zum Beispiel können Sie ein "mehrspaltiges" Dropdown erstellen, wie hier gezeigt: http://twitpic.com/2lsuxx mit dem folgenden 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>