MktoForms2 :: Multi-Select to Pipe-Delimited

by sanford

HTML

<script src="//app-sj01.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_148"></form>
<script>MktoForms2.loadForm("//app-sj01.marketo.com", "410-XOR-673", 148,
    function(form) 
    {
        form.onSubmit(function(form){
            var pipeDelimitedEquivalent = form.vals().FirstName.join("|");
    
            // create a new <OPTION> element that has the synthetic pipe-delimited value
            var pipeOption = new Option();
            pipeOption.value = pipeDelimitedEquivalent;
            document.getElementById('FirstName').appendChild(pipeOption);
            
            // now that the desired  OPTION exists, we can set the value
            form.vals({ FirstName: pipeDelimitedEquivalent });
        });
    });
</script>