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 soma = $(this).find('option:selected').get().reduce(function(sum, el) {
        return sum + Number(el.value);
    }, 0);
    $('#valorTotal').val(soma);
});