JSFiddle - React, Tailwind, and code Playground

by frank123

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css">
<h2>Multiselect Test</h2>
<h3>Click on test button to see new data loaded in the multiselect widget</h3>
    <div data-dojo-type="dijit/form/Form" >
        <div data-dojo-type="dojox/layout/TableContainer"
            data-dojo-props="cols:1">

            <select id="ms1" data-dojo-type="dijit/form/MultiSelect"
                title="MultiSelect123:" name="multi_select">
                <option value="English 123">English 123</option>
                <option value="1234.56">1234.56</option>
            </select> 


        </div>
    <br>
    <button onclick="test(); return false;">test</button>

JavaScript

require(["dojo/parser", "dojo/domReady!"], function(parser) {
    parser.parse();
});

function test(){
        
    require(["dijit/registry"],function(registry){
        
        var msObj = registry.byId('ms1');
        
        var i,selectbox;
        selectbox = msObj.domNode;
        
        for(i=selectbox.options.length-1;i>=0;i--)
        {
            if(selectbox.options[i].selected)
            selectbox.remove(i);
        }
        function addOption(selectbox,text,value )
        {
            var optn = document.createElement("OPTION");
            optn.text = text;
            optn.value = value;
            selectbox.options.add(optn);
        };
        addOption(selectbox,'VA','val1');
        addOption(selectbox,'WA','val2');
        
    });
        
}