Selectmenu: custom separator in multiselect

by Akram kamal

HTML

<select class="sm" tabindex="-1" name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false">
    <option data-placeholder="true">Choose options</option>
    <option value="standard" selected>Standard: 7 day</option>
    <option value="rush">Rush: 3 days</option>
    <option value="express" selected>Express: next day</option>
    <option value="overnight" selected>Overnight</option>
</select>

JavaScript

$(document).on("pagecreate", function () {
    $(".sm").on("change", function (e) {
        console.log(e.type)
        var string = $("option:selected", this).map(function () {
            return $(this).text()
        }).get().join("; ")
        $(this).prev().children().first().text(string)
    }).change()
})