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.Important: This method does not trigger the
focusout
event of the input. This can affect the floating label functionality. To overcome this behavior, manually invoke therefresh
method of the Floating Label:$("#textbox").data("kendoTextBox").floatingLabel.refresh();
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="textbox" />
<script>
$("#textbox").kendoTextBox();
var textbox = $("#textbox").data("kendoTextBox");
textbox.value("new value");
textbox.trigger("change");
</script>
Example - set and get the value of the widget
<input id="textbox" />
<script>
$("#textbox").kendoTextBox({
value: "Oranges"
});
var textbox = $("#textbox").data("kendoTextBox");
var value = textbox.value();
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(value); // Displays "Oranges"
textbox.value("Apples");
value = textbox.value();
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(value); // Displays "Apples"
</script>