javascript - スライダーオプションへの入力値の読み込み

Question

スライダープラグインの変数「value」は、次の形式の入力の整数値である必要があります。

$(function () {
  $("#calcSlider").slider({ 
    min: 0,
    max: 90,
    step: 5,
    value: /* ACCESS HERE!!!!!! */,
    slide: function (event, ui) {
      $("#calcSup").val(ui.value);
    }
  });
});

またはvalue:の値である必要がありますが、それは文字列です。私はそれをintに解析する必要があります：calcSup${form.calcSup}

<input type="text" 
       id="calcSup" 
       name="calcSup" 
       value="${form.calcSup}" 
       size="3" 
       readonly="readonly" />  

Answer 1

おそらくあなたはparseInt関数を探しています、詳細はここで見つけることができます：

http://www.w3schools.com/jsref/jsref_parseint.asp

$(function () {
$("#calcSlider").slider({ min: 0,
                          max: 90,
                          step: 5,
                          value: parseInt($('input#calcSup').val()),
                          slide: function (event, ui) {
                              $("#calcSup").val(ui.value);
                          }
                       });
                    });

<input type="text" id="calcSup" name="calcSup" value="${form.calcSup}" size="3" readonly="readonly"/>

Answer 2

値を整数に解析する場合は、基数8などで混乱しないように、基数を含めることを忘れないでください。

$("#mySlider").slider({
  // Set initial value to that of <input type="text" id="bar" value="23" />
  value: parseInt( $("#bar").val(), 10 ),
  // Update <input type="text" id="foo" /> anytime we slide
  slide: function ( event, ui ) {
    $("#foo").val(ui.value);
  }
});

デモ： http： //jsbin.com/oceqab/edit#javascript,html

Answer 3

これはあなたが探しているものかもしれません：

$(function () {
    $("#calcSlider").slider({ min: 0,
                          max: 90,
                          step: 5,
                          value: parseInt($("#calcSup").val()),
                          slide: function (event, ui) {
                              $("#calcSup").val(ui.value);
                          }
    });
});