jQuery滑塊，找到所選'當綁定選擇的價值

我已經把這個問題到的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開始的實際索引編號，而是想顯示它的值。

任何人都知道我該如何做到這一點？

預先感謝花了尋找時間，

菲爾

來源

2013-01-05 Philip Elliott

您需要使用的文本選擇的選項。

Live demo

變化

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

要

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

來源

2013-01-05 13:18:27 Adil

在左側滾動時，似乎有一個錯誤的錯誤：它給出了-1的索引。修復：選擇[0] .selectedIndex = ui.value; http://jsfiddle.net/dANW8/3/ –

謝謝阿迪爾，工作現場，@SteveWellens這樣做，這意味着一個硬右還會給一個錯誤，如果我設置最小值爲1而不是0那麼它看起來沒問題！感謝您注意到這一點 –

你需要做只是簡單的數學couting的：更新這樣的：

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

還缺少你選擇一個選項：

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

來源

2013-01-05 13:16:04

感謝您指出缺少的一步！以前由Adil發佈的方法似乎比數學方法更容易一些，但是您會選擇哪種方式？ –

jQuery滑塊，找到所選'當綁定選擇的價值

回答

相關問題