Question

是否可以使用多列中的列表项创建列表框？我知道其他选择，但我想知道这是否可以在<select>

中进行

Answer 1

不，不是。 select唯一允许的子标记是选项，它本身只能包含纯文本（但有些浏览器在这里支持一些样式标记，如b或i等）。

Answer 2

我能想到的唯一一个伪解决方案是使用固定宽度字体作为列表下拉列表，然后用空格填充内容列。

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

您甚至可以尝试使用“OPTGROUP”元素作为列名，但您必须了解不同浏览器应用的不同格式。

更新：例如，您可以创建一个“多列”下拉列表，如下所示：http://twitpic.com/2lsuxx，其中包含以下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>

MultiColumn HTML列表框

2 个答案: