Selectable Placeholder for selectize dropdown plugin

selectable_placeholder.js

Selectize.define('selectable_placeholder', function( options ) {
    var self = this;

    options = $.extend({
    	placeholder: self.settings.placeholder,
    	html: function ( data ) {
    		return (
    			'<div class="selectize-dropdown-content placeholder-container">' +
    				'<div data-selectable class="option">' + data.placeholder + '</div>' +
    			'</div>'
    		);
    	}
    }, options );

    // override the setup method to add an extra "click" handler
    self.setup = (function() {
        var original = self.setup;
        return function() {
            original.apply(this, arguments);
            self.$placeholder_container = $( options.html( options ) );
            self.$dropdown.prepend( self.$placeholder_container );
            self.$dropdown.on( 'click', '.placeholder-container', function () {
            	self.setValue( '' );
            	self.close();
            	self.blur();
            });
        };
    })();

});

// Usage
$( '#my-select-element' ).selectize({
  plugins: { 'selectable_placeholder': {} }
});

Are you able to make it selectable with the keyboard - pressing enter/return?

I made it work with keyboard enter/return. I also made it compatible with the 'typing_mode' plugin.

https://jsbin.com/yefaguk/1/edit?html,js,output

Actually, the plugin is no longer necessary. You can simply specify an "allowEmptyOption" setting.