0

我对我的数字输入值使用 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.

4

1 回答 1

0

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

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

你想要做的是在你的更改事件处理程序中调用这样的东西：

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

和

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

查看http://jstepper.emkay.dk/上的文档

于 2015-05-05T14:05:12.103 回答