selectric-extended/public/plugins/jquery.selectric.placeholder.js

Fast, simple and light jQuery plugin to customize HTML selects

/*! Selectric Placeholder ϟ v0.1.0 (2014-09-03) - git.io/tjl9sQ - Copyright (c) 2014 Leonardo Santos - Dual licensed: MIT/GPL */
;(function($) {
  'use strict';

  $(function() {
    if (!$.fn.selectric) {
      $.error('Selectric not initialized');
    }

    var hooks = $.fn.selectric.hooks;

    hooks.add('Init', 'placeholder', function(element, data) {
      var $elm = $(element),
          $wrapper = $elm.closest('.' + data.classes.wrapper);

      $wrapper.find('.label').html($elm.attr('placeholder'));

      data.options = $.extend({ placeholderOnOpen: true }, data.options);
    });

    hooks.add('BeforeOpen', 'placeholder', function(element, data) {
      if (data.options.placeholderOnOpen) {
        var $elm = $(element),
            $wrapper = $elm.closest('.' + data.classes.wrapper);

        $wrapper.find('.label').data('value', $wrapper.find('.label').html()).html($elm.attr('placeholder'));
      }
    });

    hooks.add('BeforeClose', 'placeholder', function(element, data) {
      if (data.options.placeholderOnOpen) {
        var $elm = $(element),
            $wrapper = $elm.closest('.' + data.classes.wrapper);

        $wrapper.find('.label').html($wrapper.find('.label').data('value'));
      }
    });
  });
}(jQuery));