选项选项中的制表符

Question

我的HTML表单上的<Option>内有一个<select>。

为了更好的可见性，我想在我的选项中使用TAB。

下拉菜单中的选项显示为：

1. Mister Test - Technician
2. 错过VeryLongTest - 会计
3. X先生 - 管家

但我希望它显示如下：

1 / ........先生测试........................-技术员

2 / ........错过VeryLongTest .......-会计

545 / ....先生X ............................-管家

有没有办法做到这一点？

Answer 1

不，你不能这样做。 <option>标记内的内容被视为纯文本。它不识别任何标签或标记。不幸的是，你需要使用空格。

正如问题所述，可以为此编写一个脚本。不幸的是，如果你不能用空格来做，你就无法制作一个合适的剧本。你需要一个像Courier new这样的const宽度字体。然后你可以轻松地编写脚本：

function alignedOptionText(spaceAvailble, beforeTab, afterTab) {
    spaces = "";
    for (var i = 0; i < beforeTab.length; ++i)
        spaces += " ";
    return beforeTab + spaces + afterTab;
}

Answer 2

您可以通过JS实现自定义select。在这样的自定义select中，每个选项都可以包含任何可以根据需要设置为表格的标记。