JSFiddle - React, Tailwind, and code Playground

by psoares

HTML

<form id="form1" action="/echo/html/">
    <select data-dojo-type="dijit/form/MultiSelect" multiple="true" name="foo" data-dojo-id="select1">
        <option value="foo" label="Foo"/>
        <option value="bar" label="Bar"/>
        <option value="baz" label="Baz"/>
    </select>
    <input type="hidden" name="serialized" id="serialized"/>
    <input type="submit" value="Submit"/>
</form>

JavaScript

require([
    "dojo/ready",
    "dojo/parser",
    "dojo/dom",
    "dojo/dom-form",
    "dojo/on",
    "dijit/form/MultiSelect",
    "dojo/domReady!"
], function(ready, parser, dom, domForm, on) {
    
    ready(function() {
        select1.on('change', function(selectedItems) {
            debugger;
            console.log(selectedItems.join(','));
            dom.byId('serialized').value = selectedItems.join(',');
        });
    });
    
    parser.parse().then(function() {
        on(dom.byId("form1"), "submit", function(evt) {
            evt.preventDefault();
            debugger;
            alert(JSON.stringify(domForm.toObject(this)));
            return false;
        });
    });
});