Javascript 缩短“选择选项”列表中的选定选项

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

与之相反：我只想缩短选定的文本，而不是弹出列表中的所有选项

更新（问题来源）：

我找到了问题所在。SELECT元素（图中）位于表的页脚

TH

，该表有

wrap:break-word。所以这个选项是从
TH
继承的

所以最后我选择了Volkan-Ulukut的解决方案和普通包装：

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

我不确定我是否正确理解了您想要做的事情，但是如果您想直接缩短选项的文本，下面是您可以做的：

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

如果您只是想直观地更改它，您可以使用
max width
在选择元素上添加特定的宽度，这将是一个css解决方案，但将max width添加到选择框应该可以做到：

 <select id="currencies" name="currencies" style="max-width:35px;">
  <option value=gs>GBP</option>
 </select>

这个解决方案有帮助。我忘了在我的问题中说，我使用了最大宽度CSS选项，但它只改变了组件的宽度，而并没有改变其中的选定文本（如附件中所示）。然而，Volkan-Ulukut的示例在JSFIDLE中运行良好。
$("#currencies").css("max-width","35px");