Wijmo 5 - ComboBox, AutoComplete, ListBox

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.input.min.js"></script>
<div class="container">

  <h1>ComboBox, AutoComplete, ListBox</h1>

  <h4>Choose a country using a <b>ComboBox</b>:</h4>
  <div id="theCombo"></div>

  <h4>Choose a country using an <b>AutoComplete</b>:</h4>
  <div id="theAutoComplete"></div>

  <h4>Choose a country using a <b>ListBox</b>:</h4>
  <div id="theListBox" style="height:200px"></div>

  <h4>Create a <b>ComboBox</b> from a &lt;select&gt; element:</h4>
  <select id="theComboSelect">
    <option>Austria</option>
    <option>Belgium</option>
    <option selected>Canada</option>
    <option>Denmark</option>
    <option>Egypt</option>
  </select>
</div>

CSS

h4 {
  margin-top: 24px;
}

body {
	margin-bottom: 42pt;
}

JavaScript

onload = function() {

    // create ComboBox
    var cmb = new wijmo.input.ComboBox('#theCombo', {
        itemsSource: getCountries(),
        placeholder: 'select a country',
        isEditable: false
    });

    // create AutoComplete
    var ac = new wijmo.input.AutoComplete('#theAutoComplete', {
        itemsSource: getCountries(),
        placeholder: 'select a country'
    });

    // create ListBox
    var lb = new wijmo.input.ListBox('#theListBox', {
        itemsSource: getCountries()
    });
    
    // create (and populate) ComboBox from <select> element
    var cbs = new wijmo.input.ComboBox('#theComboSelect');

    // list of countries to select from
    function getCountries() {
        return [
            'Afghanistan', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla',
            'Antigua', 'Argentina', 'Armenia', 'Aruba', 'Australia', 'Austria', 'Azerbaijan',
            'Bahamas', 'Bahrain', 'Bangladesh', 'Barbados', 'Belarus', 'Belgium', 'Belize',
            'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bonaire', 'Bosnia', 'Botswana', 'Brazil',
            'Brunei', 'Bulgaria', 'Burkina Faso', 'Burundi', 'Cambodia', 'Cameroon', 'Canada',
            'Canary Islands', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad',
            'Channel Islands', 'Chile', 'China', 'Christmas Island', 'Cocos Island', 'Colombia',
            'Comoros', 'Congo', 'Cook Islands', 'Costa Rica', "Cote D'Ivoire", 'Croatia',
            'Cuba', 'Curacao', 'Cyprus', 'Czech Republic', 'Denmark', 'Djibouti', 'Dominica',
            'Dominican Republic', 'East Timor', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea',
            'Eritrea', 'Estonia', 'Ethiopia', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland',
            'France', 'French Guiana', 'French Polynesia', 'French Southern Ter', 'Gabon', 'Gambia',
            'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Great Britain', 'Greece', 'Greenland',
           ...