Javascript 设置下拉框内文本的格式

我目前正在尝试获取一个代码和一个属性的全名，该属性被格式化并显示在一个下拉框中。我已经有了显示这两个值的代码，但它们没有格式化。问题是并非所有字符都会占用相同的空间。代码可以包含数字或字母

render : function() {
            this.$el.attr('value', this.model.get('ptTimeCd')).html(
                this.model.get('ptTimeCd') + "&nbsp&nbsp|&nbsp"
                + this.model.get('ptTimeName'));

            return this;
        }

这将生成一个下拉列表，其中包含以下内容：

A1 |一些文本 CM |更多文本 GB |

---

有没有一种方法可以使所有这些对齐，以便垂直方向始终位于同一位置？

如果我正确理解您的问题，那么您就有了问题。您需要的是字体/字体系列

也许可以尝试以下css规则：

.mono {
    font-family: "Courier New", Courier, Fixed, monospace;
}

然后将css类应用于您的下拉列表项，看看您是否得到了更像您想要实现的东西

然后，您只需要确保项目的每个“部分”具有相同数量的字符和空格，这是一个相对简单的编程逻辑练习，您可以根据字符串长度填充或修剪每个部分。再问一次你是否需要帮助