JSFiddle - React, Tailwind, and code Playground

HTML

<select id="precoFruta" multiple name="valores">
    <option value="1.5">Macã - R$1,20</option>
    <option value="2.5">Uva - R$2,50</option>
    <option value="1.0">Limão- R$1,00</option>
</select>

<input type="text" class="form-control" id="valorTotal" name="valorTotal" value="">

JavaScript

$('#precoFruta').on('change', function() {
    var values = $(this).find('option:selected').map(function() {
        return this.value;
    }).get().join(', ');
    $('#valorTotal').val(values);
});