使用 select2.js 选择文本的不同显示值

尝试使用以下命令实现自定义选择下拉列表选择2插件是否可以让所选值仅显示实际选项“值”而不是文本，因此如果我选择“澳大利亚元”，则所选文本应仅显示“澳元”

我的标记看起来像这样：

<select name="convert-to" id="convert-to">
    <option value="AUD" data-currency="AUD">Australian Dollar</option>
    <option value="USD" selected="selected">US Dollar</option>
    <option value="JPY">Japanese Yen</option>
    <option value="EUR">Euro</option>
    <option value="GBP">British Pound</option>
    <option value="CAD">Canadian Dollar</option>
    <option value="HKD">Hong Kong Dollar</option>
</select>

只需使用格式选择选项。它提供所选选项的文本和值并设置所选内容的文本。

function formatSelection(val) {
  return val.id;
}

$('select').select2({
  formatSelection: formatSelection,
  width: 300
});

Fiddle