jQuery MsgBox with Selection Demo

Example: MsgBox with Selection

Click

$("#msg-selection").click(function() {
  $.msgbox("<p>You must provide the following:</p>", {
     type: "prompt",
        inputs: [
            {
                type: "text",
                label: "Insert your Name:",
                value: "George",
                required: true},
            {
                type: "select",
                name: "hobby-select",
                label: "Select your Hobby:",
                value: "Music",
                options: [
                    {
                        label: "Music",
                        value: "Music"
                    },
                    {
                        label: "Movie",
                        value: "Movie"
                    }
                ],
                required: true
            }
        ],
        buttons: [
            {
                type: "submit",
                value: "OK"
            },
            {
                type: "cancel",
                value: "Exit"
            }
        ]
    }, function (name, hobby) {
        if (name) {
            $.msgbox("Hello " + name + ", your hobby is " + hobby + ".",
                        {type: "info"});
        } else {
            $.msgbox("Bye!", {type: "info"});
        }
    });
});