Question

我有这个代码：

的jQuery

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

    var slider = $('#slider').slider({
        min: 1,
        max: 6,
        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='value of option'" class="btn btn-success">Buy '+r1+'</a>');
        }
    });
});

HTML

<div id="clarRange">Select a Plan</div><br />
<select name="clarityfrom" id="clarityfrom">
    <option value="1">10.000 Coins + 5.000 Pixels - 150 Rubys</option>
    <option value="2">20.000 Coins + 10.000 Pixels - 300 Rubys</option>
    <option value="3">40.000 Coins + 20.000 Pixels - 600 Rubys</option>
    <option value="4">60.000 Coins + 30.000 Pixels - 900 Rubys</option>
    <option value="5">90.000 Coins + 40.000 Pixels - 1200 Rubys</option>
    <option value="6">120.000 Coins + 50.000 Pixels - 1500 Rubys</option>
</select>
<div id="slider"></div>

当用户通过滑块选择选项时，脚本只会更改＆＃34; a＆＃34;的文本。标签。我需要根据所选值更改文字和 href =＆＃34;＆＃34; 。

例如：

<a href="?bplan=1" class="btn btn-success">Buy 10.000 Coins + 5.000 Pixels - 150 Rubys</a>

有点困惑，但我希望你明白

选择选项 - 滑块

0 个答案: