jquery - jQuery Slider，在绑定到选择时查找所选值'

Question

我有一个小问题要解决。

我已经把问题放到了 JSFiddle 中，他们在选择 html http://jsfiddle.net/dANW8/中有很多选项

这是实际滑块的 JS，但检查 jsfiddle 更容易

    $(function () {
        var select = $('#hdd');
        var slider = $("<div id='slider'></div>").insertAfter(select).slider({
            min: 0,
            max: 45,
            range: "true",
            value: select[0].selectedIndex + 1,
            slide: function (event, ui) {
                select[0].selectedIndex = ui.value - 1;
                $("#hddValue").text(ui.value);
            }
        });
    //show start value
    $( "#hddValue" ).html(  $('#slider').slider('value') );
    });

我基本上想输出所选项目的实际值，所以我不想输出从 1 到 45 的实际索引号，而是想显示它的值。

有人知道我该怎么做吗？

提前感谢您花时间寻找，

菲尔

Answer 1

你需要做简单的数学计算：更新这个：

$("#hddValue").text(ui.value*10+40);

您的选择中还缺少一个选项：

  <option>400 GB - step 36</option>

Answer 2

您需要使用selected选择的选项文本。

现场演示

改变

 $("#hddValue").text(ui.value);

到

  $("#hddValue").text($('#hdd option:selected').text());