Question

我有一个小问题，我正在努力解决。

我已经把问题放到了JSFiddle中，他们在select 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

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

<强> Live demo

更改

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

要

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

jQuery Slider，在绑定选择时查找所选'的值

2 个答案: