Acho que complicaram demais, o select deve lhe fornecer o valor que você realmente precisa, que é a periodicidade, e o preço é que deve vir como um data atribute, e apenas o valor sem formatação...
Recomendo algo assim:
HTML: (apenas as modificações)
Mudar o atributo value
para a periodicidade e criar o atributo data-preco
com o preço:
<select class="select-ciclos" name="select">
<option value="mensal" selected="selected" data-preco="6,99">Mensal</option>
<option value="trimestral" data-preco="28,77">Trimestral -4%</option>
<option value="semestral" data-preco="54,14">Semestral -8%</option>
<option value="anual" data-preco="99,99">Anual -16%</option>
</select>
Jquery:
$(".select-ciclos").heapbox({
'onChange': function (value, src) {
$(src).closest('.pricing-column').find('.trans').animate({
opacity: 0
}, 250, function () {
$(this).children('span').html($(src).find("option:selected").attr("data-preco"));
if (value == 'mensal') var ciclo = '/mês';
if (value == 'anual') var ciclo = '/ano';
$(this).html( $(this).html().replace(/<\/span>.*/g, '</span>' + (ciclo ? ciclo : '')) );
$(this).animate({
opacity: 1
}, 250)
})
var elementolink = $(src).closest('.pricing-column').find('.pricing-footer a');
var link = elementolink.attr("href");
elementolink.attr("href", link.replace(/periodo\=(.+?)(&|$)/g, 'periodo=' + value + '&').replace(/&$/g, ''));
}
});
Veja funcionando no JSFiddle