Html 选择选项内的制表符

我的HTML表单中有一个

在

中

为了获得更好的可视性，我希望在选项中使用一个选项卡

否选择在下拉列表中显示为：

先生测试-技术员

未通过VeryLongTest-会计

X先生-客房部

但我希望它显示为：

1/…先生测试-技术员

2/…未通过VeryLongTest…-会计

545/…X先生-客房部

---

有什么方法可以做到这一点吗？

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

正如有问题的评论中所说，可以为此编写脚本。不幸的是，如果不能使用空格，则无法生成正确的脚本。您需要一个常量宽度字体，如

Courier new

。然后，您可以轻松地为此编写脚本：

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

函数对齐OptionText（空格可用、前后选项卡、后选项卡）{
空格=”；
对于（变量i=0；i

您可以通过JS实现自定义

选择。在这样的自定义
选择中，每个选项都可以包含任何标记，这些标记可以按照您的意愿设置为表格样式。
。。。通过在
文本中添加句点？您需要使用javascript或PHP来动态执行此操作，否则您只能通过添加空格来执行此操作。空格或句点可能会导致字体字符宽度不一致。这不是一个好的解决办法。@isherwood不是真的。虽然选项的不同部分使用不同的样式可以解决问题，但这并不相同problem@isherwood如果字体宽度是个问题。。。我可以帮你…：）