JSFiddle - React, Tailwind, and code Playground

HTML

<div class="selectGroup">
    <p>
        <select name="select" class="selectPreco">
            <option value="nenhum|" selected="selected">Selecione:</option>
            <option value="10,00">Mensal</option>
            <option value="11,00">Trimestral</option>
            <option value="12,00">Semestral</option>
            <option value="13,00">Anual</option>
        </select>
    </p>
    <p class="selecionado">O valor padrão</p>
    <!-- Acrescente este código aonde você quer que o texto seja trocado -->
</div>

JavaScript

$('select.selectPreco').on('change', function () {
    var mostrador = $(this).parent().siblings('.selecionado');
    var val = this.value;
    mostrador.animate({
        opacity: 0
    }, 200, function () {
        mostrador.html('R$ ' + val);
        mostrador.animate({
            opacity: 1
        }, 200)
    })
});