选项选项中的制表符

Question

我的HTML表单<Option>里面有一个内部<select>.

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

下拉列表中没有选择显示为:

1. 先生测试 - 技术员
2. 错过VeryLongTest - 会计
3. X先生 - 家政

但我希望它显示如下:

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

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

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

有没有办法做到这一点？

Answer 1

不,你做不到.<option>标签内的内容被视为纯文本.它无法识别任何标签或标记.不幸的是,你需要使用空格.

正如有问题的评论所说,可以为此编写一个脚本.不幸的是,如果你不能用空格来做,你就无法制作一个合适的剧本.你需要一个const宽度字体Courier new.然后你可以轻松地编写脚本:

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