JSFiddle - React, Tailwind, and code Playground
HTML
<div id='currencySymbol'>
$
</div>
<select onchange='symbolChange(this);'>
<option name='WMZ' >WMZ</option>
<option name='WMR' >WMR</option>
<option name='WME' >WME</option>
<option name='WMU' >WMU</option>
<option name='WMB' >WMB</option>
</select>
JavaScript
function symbolChange(obj) {
var val = obj.value;
switch (val) {
case 'WMZ':
document.getElementById("currencySymbol").innerHTML= "$";
break;
case 'WMR':
document.getElementById("currencySymbol").innerHTML= "Р";
break;
case 'WME':
document.getElementById("currencySymbol").innerHTML= "€";
break;
case 'WMU':
document.getElementById("currencySymbol").innerHTML= "г";
break;
case 'WMB':
document.getElementById("currencySymbol").innerHTML= "Br";
break;
default :
document.getElementById("currencySymbol").innerHTML= "$";
break;
}
}