xxxxxxxxxx1
<div class="datatable">2
<table>3
<thead>4
<tr>5
<th class="th-sm">Name</th>6
<th class="th-sm">Position</th>7
<th class="th-sm">Office</th>8
<th class="th-sm">Age</th>9
<th class="th-sm">Start date</th>10
<th class="th-sm">Salary</th>11
</tr>12
</thead>13
<tbody>14
<tr>15
<td><select>16
<option value="1">One</option>17
<option value="2">Two</option>18
<option value="3">Three</option>19
<option value="4">Four</option>20
<option value="5">Five</option>21
<option value="6">Six</option>22
<option value="7">Seven</option>23
<option value="8">Eight</option>24
</select></td>25
<td>System Architect</td>26
<td>Edinburgh</td>27
<td>61</td>28
<td>2011/04/25</td>29
<td>$320,800</td>30
</tr>31
<tr>32
<td>Garrett Winters</td>33
<td>Accountant</td>34
<td>Tokyo</td>35
<td>63</td>36
<td>2011/07/25</td>37
<td>$170,750</td>38
</tr>39
<tr>40
<td>Ashton Cox</td>41
<td>Junior Technical Author</td>42
<td>San Francisco</td>43
<td>66</td>44
<td>2009/01/12</td>45
<td>$86,000</td>46
</tr>47
<tr>48
<td>Cedric Kelly</td>49
<td>Senior Javascript Developer</td>50
<td>Edinburgh</td>51
<td>22</td>52
<td>2012/03/29</td>53
<td>$433,060</td>54
</tr>55
<tr>56
<td>Airi Satou</td>57
<td>Accountant</td>58
<td>Tokyo</td>59
<td>33</td>60
<td>2008/11/28</td>61
<td>$162,700</td>62
</tr>63
<tr>64
<td>Brielle Williamson</td>65
<td>Integration Specialist</td>66
<td>New York</td>67
<td>61</td>68
<td>2012/12/02</td>69
<td>$372,000</td>70
</tr>71
<tr>72
<td>Herrod Chandler</td>73
<td>Sales Assistant</td>74
<td>San Francisco</td>75
<td>59</td>76
<td>2012/08/06</td>77
<td>$137,500</td>78
</tr>79
<tr>80
<td>Rhona Davidson</td>81
<td>Integration Specialist</td>82
<td>Tokyo</td>83
<td>55</td>84
<td>2010/10/14</td>85
<td>$327,900</td>86
</tr>87
<tr>88
<td>Colleen Hurst</td>89
<td>Javascript Developer</td>90
<td>San Francisco</td>91
<td>39</td>92
<td>2009/09/15</td>93
<td>$205,500</td>94
</tr>95
<tr>96
<td>Sonya Frost</td>97
<td>Software Engineer</td>98
<td>Edinburgh</td>99
<td>23</td>100
<td>2008/12/13</td>101
<td>$103,600</td>102
</tr>103
<tr>104
<td>Jena Gaines</td>105
<td>Office Manager</td>106
<td>London</td>107
<td>30</td>108
<td>2008/12/19</td>109
<td>$90,560</td>110
</tr>111
<tr>112
<td>Quinn Flynn</td>113
<td>Support Lead</td>114
<td>Edinburgh</td>115
<td>22</td>116
<td>2013/03/03</td>117
<td>$342,000</td>118
</tr>119
<tr>120
<td>Charde Marshall</td>121
<td>Regional Director</td>122
<td>San Francisco</td>123
<td>36</td>124
<td>2008/10/16</td>125
<td>$470,600</td>126
</tr>127
<tr>128
<td>Haley Kennedy</td>129
<td>Senior Marketing Designer</td>130
<td>London</td>131
<td>43</td>132
<td>2012/12/18</td>133
<td>$313,500</td>134
</tr>135
</tbody>136
</table>137
</div>138
1
1
xxxxxxxxxx1
const selectEl = document.querySelector('select')2
3
document.addEventListener('DOMContentLoaded', () => {4
mdb.Select.getOrCreateInstance(selectEl)5
})6
Console errors: 0