Select

Usage

Usage is shown in forms-basic section of this styleguide.

Default initialization

Initialization is shown on example below. Constructor returns array of select elements.

Defailt initialization is done in main.js file for all select elements with class .js-select.

<script>
  var mySelects = new myApp.Select();
  console.log(mySelects);
  // [{select object}, {select object}, ...]
  mySelects[0].disable();
  // etc..
</script>

Custom initialization

In case it's needed to create select with more customized behavior, all Choices.js options can be passed to myApp.Select constructor as second argument config.

<select id="myCustomSelect">
  <option value="test">Option</option>
  <option value="test">Better option</option>
</select>
<script>
  // custom selector
  var customSelect = new myApp.Select('#myCustomSelect', {
    shouldSort: false
  });
</script>

Defaults

new Select([selector, [config]])

DOM attributes

Available DOM attributes.