选择框两列

Question

  

可能重复：
  How to show a two column DropDown?

我的选择框中需要“2列”，以便第一个值正确对齐。 图像显示了问题：

国家/地区代码没有对齐，但由于我无法在内部设置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)