dojo and dynamically added options to dijit.form.select

http://stackoverflow.com/questions/13932225/dojo-and-dynamically-added-options-to-dijit-form-select

by phusick

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<script src="http://amd.egoworx.com/package/xstyle-0.0.5.js"></script>
<script src="http://amd.egoworx.com/package/put-selector-0.3.2.js"></script>
<script src="http://amd.egoworx.com/package/dgrid-0.3.3.js"></script>
<script src="http://amd.egoworx.com/package/data.js"></script>
<select
    id="select1"
    data-dojo-type="dijit/form/Select"
    style="width:150px;"
></select>

<select
    id="select2"
    data-dojo-type="dijit/form/Select"
    style="width:150px;"
></select>

CSS

html, body {
    width: 100%;
    height: 100%;
}

JavaScript

require([
    "dojo/ready",
    "dojo/_base/lang",
    "dijit/registry"
], function(
    ready,
    lang,
    registry
) {
    
ready(function() {
    
    var select1 = registry.byId("select1");
    var select2 = registry.byId("select2");
    
    option1 = {
        value: "o1",
        label: "option 1",
        selected: false
    };
    
    option2 = {
        value: "o2",
        label: "option 2",
        selected: true
    };
        
    select1.addOption(lang.clone(option1));
    select1.addOption(lang.clone(option2));
    
    select2.addOption([option1, option2]);

});  
});