Nebo Front-End Library

Use the select module to create custom select dropdowns.

This module depends on SelectBoxIt, so make sure it's installed and loaded in first.

Configuration

Use the handlers.init function to create different select types, each with their own settings.

init: function($select) {
  // Default options
  var options = {};

  switch ($select.data('select-type')) {
    case 'some_select_type':
      // Partially override the options object.
      options.showFirstOption = false;
      break;
    case 'another_select_type':
      // Entirely override the options object.
      options = {
        hideCurrent: true,
        native: true
      };
      break;
  }

  // ...

  // Initialize the select.
  $select.selectBoxIt(options);
}

Examples

Basic

<select class="js-select">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

Hide First Option

<select class="js-select" data-select-type="hide-first">
  <option>Please select an option:</option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>