Multiselect

Bootstrap Multiselect is a form control, that after the click displays a collapsable list of multiple values which can be used in forms, menus or surveys.

Multiselect enables you to use ↑ and ↓ arrow keys to navigate through options and use ↵ key to select required option.

Basic Multiselect

html

        <span class="multiselect"></span>

Script

  <script src="../build/cdbbootstrap.js"></script>
  <script>
    var multiSelect1 = new CDB.MultiSelect('.multiselect', {
      options: [
        {
          label: 'New York',
          value: 'NY',
        },
        {
          label: 'Washington',
          value: 'WA',
        },
        {
          label: 'California',
          value: 'CA',
        },
        {
          label: 'New Jersey',
          value: 'NJ',
        },
        {
          label: 'North Carolina',
          value: 'NC',
        },
      ],
      multiple: true,
      icon: 'fa fa-times',
      placeholder: 'Select a State',
    });
  </script>