value

Gets or sets the value of the widget.

Important: This method does not trigger the change event. This can affect MVVM value binding. The model bound to the widget will not be updated. You can overcome this behavior triggering the change event manually using trigger("change") method.

Parameters

value String

The value to set.

Returns

String the value of the widget.

Example - trigger the change event after setting the value

<input id="otpinput" />
<script>
    $("#otpinput").kendoOTPInput({
        items: 3
    });

    var otpInput = $("#otpinput").getKendoOTPInput();
    otpInput.value("123");
    optInput.trigger("change")
</script>

Example - set and get the value of the widget

<<input id="otpinput" />
<script>
    $("#otpinput").kendoOTPInput({
        items: 3,
        value: "foo"
    });
    var otpInput = $("#otpinput").getKendoOTPInput();
    var value = otpInput.value();
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(value); // Displays "foo"
    otpInput.value("123");
    value = otpInput.value();
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(value); // Displays "123"
</script>