Select usando slider

[xSmoking 6]

Boa noite iMasters!

 

Estou com um problema, não sei como fazer uma coisa já que não sou muito experiente em jQuery...

 

jQuery

$(function(){
    var s1 = $('#clarityfrom');

    var slider = $('#slider').slider({
        min: 1,
        max: 5,
        values: [s1[0].selectedIndex + 1],
        slide: function (e, ui) {
            var r1 = $('#clarityfrom option').eq(ui.values[0]-1).text();
            s1.val(ui.values[0]);
            $('#clarRange').html('<a href="?bplan='+r2+'" class="btn btn-primary">'+r1+'</a>');
        }
    });
});

HTML

<div id="clarRange">Selecione um Plano</div><br />
<select name="clarityfrom" id="clarityfrom">
     <option value="1">20.000 Moedas + 10.000 Píxels - 300 Rubis</option>
     <option value="2">40.000 Moedas + 20.000 Píxels - 600 Rubis</option>
     <option value="3">60.000 Moedas + 30.000 Píxels - 900 Rubis</option>
     <option value="4">90.000 Moedas + 40.000 Píxels - 1200 Rubis</option>
     <option value="5">100.000 Moedas + 50.000 Píxels - 1500 Rubis</option>
</select>
<div id="slider"></div>

Na div #clarRange, como podem ver no script, eu quero colocar em "bplan" o valor que está no "value" da opção.

 

Como fazer isso? Obrigado.

[William Bruno 1501]

Hum.. deixa eu ver se entendi, vc quer que ao mudar o select, altere o valor do slider ?

[xSmoking 6]

Hum.. deixa eu ver se entendi, você quer que ao mudar o select, altere o valor do slider ?

 

O código fica assim:

http://prntscr.com/38kodw

 

Ao arrastar o botão do slider, ele altera o texto do botão "Comprar".

Este botão comprar tem o <a href="?bplan=", no bplan eu gostaria que aparecesse o "value" da "option"

 

Ai no HTML teria que ficar assim o botão da compra:

<a href="?bplan=1">Comprar 20.000 moedas + 10.000 píxels - 300 Rubis</a>

 

Ou seja, ao ir arrastando o botão, além de alterar o texto (o que já é feito), alterar o href="?bplan=1/2/3/4/5" de acordo com o value.

 

Não se deu pra entender... Se tiver dúvida só postar.