Close a dropdown list.

selectBox.close();

Deselect an item.
If selectBox has a placeholder, the input's text is a placeholder.
If no placeholder, ths input is empty.

selectBox.deselect();

Destory a select box.

selectBox.destroy();

Disable a select box, item group or item.
If it takes no arguments, a select box is disabled.
If it takes string, an item with the same value as the argument is disabled.
If it takes number, an item with the same index as the argument is disabled.
If it takes Item or ItemGroup, an argument itself is disabled.

selectBox.disable(); // select box is disabled.
selectBox.disable(1); // second item is disabled.
selectBox.disable('value') // item which of value is 'value' is disabled.
selectBox.disable(selectBox.getSelectedItem()); // selected item is disabled.

Enable a select box, item group or item.
If it takes no arguments, a select box is enabled.
If it takes string, an item with the same value as the argument is enabled.
If it takes number, an item with the same index as the argument is enabled.
If it takes Item or ItemGroup, an argument itself is enabled.

selectBox.enable(); // select box is enabled.
selectBox.enable(1); // second item is enabled.
selectBox.enable('value') // item which of value is 'value' is enabled.
selectBox.enable(selectBox.getSelectedItem()); // selected item is enabled.

Focus to select box.

selectBox.focus();

Get an item by its index or value.

selectBox.getItem(0); // first item
selectBox.getItem('value') // item which of value is 'value'

Get an item group by its index.

selectBox.getItemGroup(0); // first item group

Get all item groups that pass the test implemented by the provided function.
If filter function is not passed, it returns all item groups.

selectBox.getItemGroups(); // all item groups
selectBox.getItemGroups(itemGroup => {
 return !itemGroup.isDisabled();
}); // all enabled item groups

Get all items that pass the test implemented by the provided function.
If filter function is not passed, it returns all items.

selectBox.getItems(); // all items
selectBox.getItems(item => {
 return !item.isDisabled();
}); // all enabled items

Return the selected item.

Open a dropdown list.

selectBox.open();

Select an item.
If it takes string, an item with the same value as the argument is selected.
If it takes number, an item with the same index as the argument is selected.
If it takes Item, an argument itself is selected.

selectBox.select(1); // second item is selected.
selectBox.select('value') // item which of value is 'value' is selected.

Toggle a dropdown list.

selectBox.toggle();

Occurs when a selected item is changed.

selectBox.on('change', ev => {
  console.log(`selected item is changed from ${ev.prev.getLabel()} to ${ev.curr.getLabel()}.`);
});

Occurs when a select box closes.

selectBox.on('close', ev => {
  console.log('close');
});

Occurs when a select box, item group or item is disabled.

selectBox.on('disable', ev => {
  console.log(ev.target);
});

Occurs when a select box, item group or item is enabled.

selectBox.on('enable', ev => {
  console.log(ev.target);
});

Occurs when a select box opens.

selectBox.on('open', ev => {
  console.log('open');
});