javascript - 将输入值加载到滑块选项中

Question

我需要滑块插件中的变量“值”是表单中输入的整数值：

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

我需要value:成为calcSupor中的值${form.calcSup}，但那是一个字符串。我需要将其解析为 int：

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

Answer 1

如果您要将值解析为整数，请不要忘记包含基数，这样它就不会因 base-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 2

也许您正在寻找 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 3

这可能是您正在寻找的：

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