多次绑定 jStepper 到输入元素

Bind multiple times jStepper to input element

本文关键字：输入 元素 jStepper 绑定      更新时间：2023-09-26

我使用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.

从插件

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

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

您要做的是在更改事件处理程序中调用类似以下内容：

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

和

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

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

相关文章：