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 に答える