javascript - Different display value for selecte text using select2.js -

trying implement custom select dropdown using select2 plugin possible have selected value display actual option 'value' instead of text, if selected 'australian dollar', selected text should display 'aud'

my mark-up looks this:

<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> 

simply use formatselection option. provides text , value of selected option , sets selection's text.

function formatselection(val) {   return val.id; }  $('select').select2({   formatselection: formatselection,   width: 300 }); 

fiddle