placeholder for search input

README.md

@@ -27,6 +27,7 @@ optionMenuWidth|String|-|Determines the width of option menu. Overrides the widt
 closeWhenCursorOut|Boolean|True|Determines if option menu will be closed when cursor leaves select box
 loadingText|String|"Loading"|The text which is used in loading mode
 useSearchInput|boolean|false|Renders search input if true
+searchInputPlaceholder|String|""|Sets search inputs placeholder text
 noResultsMessage|String|"No results"|No results message
 usePolling|Boolean|false|Given <i>select</i> is polled to monitor its changes. See <a href="#monitoring">Monitoring</a> below
 pollingInterval|Integer|100|polling interval speed in ms

src/dist/select.js

@@ -1101,16 +1101,19 @@ SELECT.ELEMENTS.WIDGET.OPTIONS_MENU.OptionsMenuListItemGroupList.prototype = Obj
 };
 
 SELECT.ELEMENTS.WIDGET.OPTIONS_MENU.OptionsMenuListItemGroupTitle.prototype = Object.create(SELECT.ELEMENTS.Element.prototype);SELECT.ELEMENTS.WIDGET.OPTIONS_MENU.OptionsMenuSearchInput = function(Facade) {
+	var userDefinedSettings = Facade.publish("UserDefinedSettings");
 	this.type = "input";
 	this.className = "options-menu-search-input";
 	this.tabIndex = -1;
 	this.element;
 	this.allowClose = true;
+	this.placeholder = userDefinedSettings.searchInputPlaceholder || "";
 
 	this.render = function() {
     	this.element = SELECT.UTILS.createElement(this.type, this.className);
     	this.element.setAttribute("type", "text");
     	this.element.setAttribute("tabindex", this.tabIndex);
+    	this.element.setAttribute("placeholder", this.placeholder);
     	this.element.addEventListener("blur", this.focusOut);
     	this.element.addEventListener("keyup", onKeyUp.bind(this));
     	return this.element;

src/select/elements/widget/options_menu/OptionsMenuSearchInput.js

@@ -1,14 +1,17 @@
 SELECT.ELEMENTS.WIDGET.OPTIONS_MENU.OptionsMenuSearchInput = function(Facade) {
+	var userDefinedSettings = Facade.publish("UserDefinedSettings");
 	this.type = "input";
 	this.className = "options-menu-search-input";
 	this.tabIndex = -1;
 	this.element;
 	this.allowClose = true;
+	this.placeholder = userDefinedSettings.searchInputPlaceholder || "";
 
 	this.render = function() {
     	this.element = SELECT.UTILS.createElement(this.type, this.className);
     	this.element.setAttribute("type", "text");
     	this.element.setAttribute("tabindex", this.tabIndex);
+    	this.element.setAttribute("placeholder", this.placeholder);
     	this.element.addEventListener("blur", this.focusOut);
     	this.element.addEventListener("keyup", onKeyUp.bind(this));
     	return this.element;