Modify placeholder.js to allow dropdown(with dynamic item)

placeholder.js

/*
 Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
 For licensing, see LICENSE.md or http://ckeditor.com/license
 */
CKEDITOR.dialog.add("placeholder", function (a) {
    var b = a.lang.placeholder;
    a = a.lang.common.generalTab;
    return {
        title: b.title,
        minWidth: 300,
        minHeight: 80,
        contents: [{
            id: "info",
            label: a,
            title: a,
            elements: [{
                id: "name",
                type: "select",
                items : [ [ 'Insert placeholder', '' ] ],
                style: "width: 100%;",
                label: b.name,
                "default": "",
                required: !0,
                onLoad: function(element) {
                    $('body').trigger(jQuery.Event('CKE.placeholder.onload'), [this]);
                },
                validate: CKEDITOR.dialog.validate.regex(/^[^\[\]<>]+$/, b.invalidName),
                setup: function (a) {
                    this.setValue(a.data.name)
                },
                commit: function (a) {
                    a.setData("name", this.getValue())
                }
            }]
        }]
    }
});

script.js

//You cna then use the event to set add the dynamic data like this

jQuery(document).ready(function() {
		jQuery("body")
				.on('CKE.placeholder.onload', function(e, el){
					el.add('Option 1', 'option1')
				});
	});