javascript - 缩短选择选项列表中的选定选项

Question

如何使用 jQuery/JS 缩短 select 中的文本？例如，在下面选择我只想显示字母“G”:

对比:Shorten long options in a select options list我只想缩短选定的文本，而不是弹出列表中的所有选项。

更新(问题来源):

我发现问题出在哪里了。 SELECT 元素(图中)位于表的页脚 TH 中，其中包含 word-wrap:break-word;。所以这个选项是从TH继承的。

所以最后我选择了 Volkan Ulukut 的正常包装解决方案:

<select id="currencies" name="currencies" style="max-width:35px; word-wrap: normal;">

Answer 1

我不确定我是否正确理解了您想要执行的操作，但是如果您想直接缩短选项的文本，您可以执行以下操作:

$('#your-select option').text(function (i, text) {
    return text[0]; //shorten text to the first letter
});

如果您只是想在视觉上更改它，您可以使用 max-width 在选择元素上设置特定宽度。