1

私は解決しようとしている小さな問題を抱えています。

select html http://jsfiddle.net/dANW8/に非常に多くのオプションがあるため、問題を JSFiddle に入れました。

ここに実際のスライダーの 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 までの実際のインデックス番号を出力する代わりに、その値を表示したいと考えています。

誰も私がこれを行う方法を知っていますか?

ご覧いただきありがとうございます。

フィル

4

2 に答える 2

0

簡単な計算を行う必要があります: これを更新します:

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

また、選択に1つのオプションがありません：

  <option>400 GB - step 36</option>
于 2013-01-05T13:16:04.323 に答える
0

selected選択のオプションのテキストを使用する必要があります。

ライブデモ

変化する

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

に

  $("#hddValue").text($('#hdd option:selected').text());
于 2013-01-05T13:18:27.357 に答える