JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/gh/RobinHerbots/jquery.inputmask@5.0.0-beta.87/dist/jquery.inputmask.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
 <div style="margin:10px;">
    <label for="exchange">Choose a currency:</label>

    <select name="exchange" id="exchange" class="form-control">
      <option value="1">USD</option>
      <option value="2">Euro</option>
      <option value="3">Pound</option>
      <option value="4">TL</option>
    </select>
 </div>

 
 <div style="margin:10px;">
    <label>Price:</label>
   <input type="text" 
                         class="form-control text-left monerate" 
                         id="price1" 
                         name="price1" 
                         placeholder="₺ 0.00"
                         data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '₺ ', 'placeholder': '0'" 
                         />
                       
 </div>

CSS

input.monerate {
    text-align:left !important;
    width:300px;
}
select{ width:300px !important;}

JavaScript

$('input.monerate').inputmask();
  
    $(document.body).delegate('#exchange', 'change', function () {  
        exchangeID = $('#exchange :selected').val();
        if (exchangeID == 1) {

            $("#price1").inputmask({ alias: "currency", prefix: '$ ' });           
        }
        else if (exchangeID == 2) {
            //$("#price1").inputmask({ prefix: '€' });  
            $("#price1").inputmask({ alias: "currency", prefix: '€ ' });
        }
        else if (exchangeID == 3) {
            //$("#price1").inputmask({ prefix: '£' });
            $("#price1").inputmask({ alias: "currency", prefix: '£ ' });
        }
        else if (exchangeID == 4) {
            //$("#price1").inputmask({ prefix: '₺' });
            $("#price1").inputmask({ alias: "currency", prefix: '₺ ' });
        }
        
    });