Updating textbox

by psoares

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.0/dijit/themes/claro/claro.css">
<label for="value0Box">A textbox with a value:</label> <input id="value0Box" data-dojo-type="dijit/form/TextBox" value="Some value" data-dojo-props="intermediateChanges:true"></input>
<br>
<label for="value1Box">A textbox set with a value from the above textbox:</label> <input id="value1Box" data-dojo-type="dijit/form/TextBox"></input>
<br>

JavaScript

require(["dojo/parser", "dijit/registry", "dojo/on", "dijit/form/TextBox", "dojo/domReady!"],
        function(parser, registry, on){
    parser.parse();
    var box0 = registry.byId("value0Box");
    var box1 = registry.byId("value1Box");
    box1.set("value", box0.get("value") + " modified");
    on(box0, "change", function(value){
         box1.set("value", value + " modified");
    });
});