Question

我将jStepper插件用于数字输入值。我需要改变有效数字的范围取决于选择输入的选择值。我在http://jsfiddle.net/vqjb2/1/上有示例演示。

<input type="text" id="testId" />

<select id="select">
  <option value="1">1</option>
  <option value="2">2</option>

</select>

$("#testId").jStepper({ minValue: 0, maxValue: 20, minLength: 1, defaultValue: 0 });

$("#select").on("change", function(event) {

    var val = $(this).val();
    if(val == 1) {
         $("#testId").jStepper({ minValue: 0, maxValue: 20, minLength: 1, defaultValue: 0 });
    }
    else if (val == 2) {
         $("#testId").jStepper({ minValue: 0, maxValue: 5, minLength: 1, defaultValue: 0 });
    }
});

当页面加载时它工作正常，因为最大值是20.然后当我将下拉值更改为“2”时，最大值为5并且它也能正常工作，但是当我再次将其更改为“1”时它仍然最大值为5而不是20。

Answer 1

从插件的1.5.0版本（大约3个月前发布）开始，您可以在插件初始化后更改选项。

到目前为止，您尝试将插件重新绑定到文本字段并且不受支持。

你想要做的是在你的变更事件处理程序中调用类似的东西：

$('#testId').jStepper('option', 'maxValue', 20);

和

$('#testId').jStepper('option', 'maxValue', 5);

查看http://jstepper.emkay.dk/

上的文档

将jStepper多次绑定到输入元素

1 个答案: