javascript - 选择框两列

Question

可能重复：
如何显示两列下拉菜单？

我需要在我的选择框中有“2 列”，以便第一个值正确对齐。图片说明了问题：

国家代码未对齐，但由于我无法在 'si 中设置 html 元素，因此需要某种模仿选择功能的插件，让我决定每个选项的结构及其值。

我更喜欢一个 jQuery 插件。有任何想法吗 ？

Answer 1

我不确定你会为此找到一个插件。

您可以尝试将字体更改为 Courier，并为代码分配最大字符数 3-4 ？

然后在 (4 - code.length) 的代码后放置空格。然后将值输出到选择框。

基本上，伪代码：

var lstOfSelectOptionTexts = ...

iterate list

split into codes and country names

str = code + (4-code.length)*spaces + countryName

generateOption(str)